HTML | DOM Input Range stepDown() Method

HTML | DOM Input Range stepDown() Method

Last Updated : 31 Aug, 2022

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>GeeksForGeeks</h1>

    <h2>
      DOM Input Range stepDown() Method
  </h2>
    <form id="myGeeks">
        <input type="range"
               id="range_id"
               name="geeks"
               value="100">
    </form>
    <br>
    <button onclick="myGeeks()">
      Click Here!
  </button>

    <!-- Script to decrement the range -->
    <script>
        function myGeeks() {
            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

HTML | DOM Input Range stepDown() Method

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML | DOM Input Range stepUp() Method

The DOM Input Range stepUp() method in HTML DOM is used to increase the value of the slider control by the given number. Syntax: rangeObject.stepUp(number) Parameters: It accepts a single and required parameter: number: It specifies the number of slider control to be increased. By default, it is inc

HTML | DOM Input Month stepDown() Method

The DOM Input Month stepDown() method in HTML DOM is used to decrease the value of the month field by the given number. This method will only decrease the value of months not years. Syntax: monthObject.stepDown(number) Parameters: It accepts a single and required parameter: number It specifies the n

HTML | DOM Input Date stepDown( ) Method

The Input Date stepDown() method is used for decrementing the value of the date field by a specified number. It can only be used on the days and not on months and years. Syntax: inputdateObject.stepDown(number) Parameter Used: number: It is used to specify the number of days the date field should de

HTML | DOM Input Week stepDown() Method

The Input Week stepDown() method in HTML DOM is used to decrease the value of the week field by the given number. This method will only decrease the value of weeks not years. Syntax: weekObject.stepDown( number ) Parameters: It accepts single parameter number which is mandatory. It specifies the num

HTML DOM Input Time stepDown() Method

The Input Time stepDown() method in HTML DOM is used to decrease the value of the time field by the given number. It will only affect the number of minutes (not hours, seconds, or milliseconds). Syntax: timeObject.stepDown( number )Parameters: It accepts a single parameter and it is required. number