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