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