HTML DOM Input Range stepDown() मेथड

HTML DOM Input Range stepDown() मेथड का उपयोग स्लाइडर कंट्रोल के मान को एक निर्दिष्ट संख्या से घटाने के लिए किया जाता है। यदि खाली छोड़ दिया जाए तो यह 1 से घटाएगा। यदि step एट्रिब्यूट निर्दिष्ट है तो stepDown() मेथड उसके गुणक में घटाएगा। उदाहरण: यदि step="20" तो stepDown(2) 20*2=40 से घटाएगा।

सिंटैक्स

Range stepDown() मेथड के लिए सिंटैक्स:

rangeObject.stepDown(number)

यहां, number स्लाइडर कंट्रोल के डिक्रीमेंट मान को निर्दिष्ट करने के लिए एक अनिवार्य पैरामीटर है। यदि खाली छोड़ दिया जाए तो यह 1 से घटाएगा।

उदाहरण

Range stepDown() मेथड का एक उदाहरण:

<!DOCTYPE html> <html> <body> <h1>Input range stepDown() मेथड</h1> <form> VOLUME <input type="range" id="RANGE1" name="VOL"> </form> <p>नीचे दिए गए बटन पर क्लिक करके स्लाइडर कंट्रोल का मान घटाएं</p> <button type="button" onclick="stepDecrement()">घटाएं</button> <p id="Sample"></p> <script>    function stepDecrement() {       document.getElementById("RANGE1").stepDown(10);    } </script> </body> </html>

आउटपुट

उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:

HTML DOM Input Range stepDown() मेथड

"घटाएं" बटन पर क्लिक करने पर:

HTML DOM Input Range stepDown() मेथड

उपरोक्त उदाहरण में:

हमने type="range", id="RANGE1", name="VOL" के साथ एक फॉर्म के अंदर एक इनपुट फील्ड बनाया:

<form> VOLUME <input type="range" id="RANGE1" name="VOL"> <form>

फिर हमने एक बटन DECREMENT बनाया जो यूज़र द्वारा क्लिक किए जाने पर stepDecrement() मेथड को एक्जीक्यूट करेगा:

<button type="button" onclick="stepDecrement()">DECREMENT</button>

stepDecrement() मेथड getElementById() मेथड का उपयोग करके id "RANGE1" को पास करके टाइप range वाले इनपुट फील्ड को प्राप्त करता है और इस पर 10 को डिक्रीमेंट मान के रूप में सप्लाई करके stepDown() मेथड को कॉल करता है। यह स्लाइडर को 10 से घटा देगा:

function stepDecrement() {    document.getElementById("RANGE1").stepDown(10); }