Change the minimum value:
document.getElementById("myRange").min = "50";
Click the button to change the value of the min attribute of the slider control.
<!DOCTYPE html> <html> <body> Points: <input type="range" id="myRange" min="25" max="75"> <button onclick="myFunction()">Test</button> <p id="demo"></p> <script> function myFunction() {/*from www . ja va2 s . com*/ var x = document.getElementById("myRange").min = "50"; document.getElementById("demo").innerHTML = "The value of the min attribute was changed."; } </script> </body> </html>