JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/fryn/html5slider/master/html5slider.js"></script>
<div id="console"></div>
<span id="container">
<input id="myRange" type="range" min="0" max="100" />
</span>

CSS

#container {
    width: 100px;
    background: #333;
}
#container input {
    opacity: 0;
}

JavaScript

$(function () {
    $("#myRange").on('change', function () {
        $("#console").html($(this).val());

    });


    $("#myRange").trigger('change');

});