Run Code
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Input Type Range</title> </head> <body> <h2>Input Type Range</h2> <form> <label for="range_number">Enter Range Number:</label> <input type="range" min="5" max="200" step="5" id="range_number"> <button type="button" onclick="getRangeNumber();">Get value</button> </form> <p id="range_number_result"> <!-- Here Will Appear Your Range number! --> </p> <script> function getRangeNumber() { var rangeNumber = document.getElementById("range_number").value; document.getElementById("range_number_result").innerHTML = "Number Range is: " + rangeNumber; } </script> </body> </html>