<div class="rangeslider"> <input type="range" min="1" max="100" value="10" class="myslider" id="sliderRange"> <p>Value: <span id="display"></span></p> <div> <script> var rangeslider = document.getElementById("sliderRange"); var output = document.getElementById("display"); output.innerHTML = rangeslider.value; rangeslider.oninput = function () { output.innerHTML = this.value; } </script>