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> |
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
Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML course.
