HTML DOM Input Range stepUp() मेथड

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

सिंटैक्स

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

rangeObject.stepUp(number)

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

उदाहरण

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

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

आउटपुट

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

HTML DOM Input Range stepUp() मेथड

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

HTML DOM Input Range stepUp() मेथड

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

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

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

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

<button type="button" onclick="stepIncrement()">INCREMENT</button>

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

function stepIncrement() {    document.getElementById("RANGE1").stepUp(10); }