HTML | DOM Input Range stepUp() Method
The DOM Input Range stepUp() method in HTML DOM is used to increase the value of the slider control by the given number.
Syntax:
rangeObject.stepUp(number)
Parameters: It accepts a single and required parameter:
- number: It specifies the number of slider control to be increased. By default, it is incremented by 1.
Return Value: It doesn’t return any value.
Example: This example shows the working of stepUp() method:
html
<!DOCTYPE html><html><head> <title> HTML DOM Input Range stepUp() Method </title></head><body style="text-align:center;"> <h1> w3wiki </h1> <h2> DOM Input Range stepUp() Method </h2> <form id="myBeginner"> <input type="range" id="range_id" name="Beginner" value="70"> </form> <br> <button onclick="myBeginner()"> Click Here! </button> <!-- Script to increment the range --> <script> function myBeginner() { document.getElementById( "range_id").stepUp(3); } </script></body></html> |
Output: Before clicking on the button:
After clicking on the button ( 10 times ):
Supported Browsers: The browser supported by DOM input Range stepUp() method are listed below:
- Google Chrome 4
- Mozilla Firefox 23
- Edge 12
- Opera 11
- Safari 3.1