HTML | DOM Input Range stepDown() Method
The DOM Input Range stepDown() method in HTML DOM is used to decrease the value of the slider control by the given number. Syntax:
rangeObject.stepDown(number)
Parameters: It accepts a single and required parameter:
- number: It specifies the number of slider control to be decreased. By default, it is decremented by 1.
Return Value: It doesn’t return any value.
Example: This example shows the working of stepDown() method:
html
<!DOCTYPE html><html><head> <title> HTML DOM Input Range stepDown() Method </title></head><body style="text-align:center;"> <h1>w3wiki</h1> <h2> DOM Input Range stepDown() Method </h2> <form id="myBeginner"> <input type="range" id="range_id" name="Beginner" value="100"> </form> <br> <button onclick="myBeginner()"> Click Here! </button> <!-- Script to decrement the range --> <script> function myBeginner() { document.getElementById( "range_id").stepDown(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 stepDown() method are listed below:
- Google Chrome 4 and above
- Edge 12 and above
- Firefox 23 and above
- Opera 11 and above
- Safari 3.1 and above