HTML | DOM Input Number stepDown() Method
The DOM Input Number stepDown() method in HTML DOM is used to decrease the value of the number field by the given value.
Syntax:
numberObject.stepDown(number)
Parameters: It accepts a single and required parameter:
- number: It specifies the number by which the number field 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:
<!DOCTYPE html> < html > < head > < title > HTML DOM Input Number stepDown() Method </ title > </ head > < body style = "text-align:center;" > < h1 >w3wiki</ h1 > < h2 > DOM Input Number stepDown() Method </ h2 > < form id = "myBeginner" > < input type = "number" id = "number_id" name = "Beginner" value = "11" > </ form > < br > < button onclick = "myBeginner()" > Click Here! </ button > <!-- Script to decrement the number --> < script > function myBeginner() { document.getElementById( "number_id").stepDown(3); } </ script > </ body > </ html > |
Output:
Before clicking on the button:
After clicking on the button:
Supported Browsers: The browser supported by DOM input Number stepDown() method are listed below:
- Google Chrome
- Internet Explorer 10.0 +
- Opera
- Safari