Open In App

HTML DOM Input Number stepUp() Method

Last Updated : 02 Jan, 2024
Comments
Improve
Suggest changes
Like Article
Like
Report

The 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 parameter that is required:

  • number: It specifies the number by which the number field will 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 Number stepUp() Method
    </title>
</head>
 
<body style="text-align:center;">
    <h1>GeeksforGeeks</h1>
 
    <h2>HTML 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:

number-stepup-method

Supported Browsers:

  • Google Chrome
  • Internet Explorer 10.0 +
  • Opera
  • Safari


Next Article
Article Tags :

Similar Reads