HTML DOM इनपुट रेंज स्टेपअप () विधि का उपयोग स्लाइडर नियंत्रण मान को एक निर्दिष्ट संख्या से बढ़ाने के लिए किया जाता है। यदि खाली छोड़ दिया जाता है तो यह 1 से बढ़ जाएगा। यदि चरण विशेषता निर्दिष्ट है तो स्टेपअप () विधि उसके गुणक में वृद्धि करेगी। उदाहरण:यदि चरण =”20” तो स्टेपअप (2) में 20*2=40 की वृद्धि होगी
सिंटैक्स
रेंज स्टेपअप () विधि के लिए सिंटैक्स निम्नलिखित है -
rangeObject.stepUp(number)
यहां, स्लाइडर नियंत्रण वृद्धि मान निर्दिष्ट करने के लिए संख्या एक अनिवार्य पैरामीटर है। यदि खाली छोड़ दिया जाए तो यह 1 से बढ़ जाएगा।
उदाहरण
आइए श्रेणी stepUp() विधि के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1>Input range stepUp() method</h1>
<form>
VOLUME <input type="range" id="RANGE1" name="VOL">
</form>
<p>Increment the slider control value by clicking the below button</p>
<button type="button" onclick="stepIncrement()">INCREMENT</button>
<p id="Sample"></p>
<script>
function stepIncrement() {
document.getElementById("RANGE1").stepUp(10);
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
वृद्धि बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने एक फॉर्म के अंदर एक इनपुट फ़ील्ड बनाया है जिसमें type=“range, id=“RANGE1” , name=“VOL” -
है।<form> VOLUME <input type="range" id="RANGE1" name="VOL"> <form>
हमने तब एक बटन इंक्रीमेंट बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर स्टेपइन्क्रीमेंट () विधि को निष्पादित करेगा -
<button type="button" onclick="stepIncrement()">INCREMENT</button>
StepIncrement () विधि getElementById () विधि का उपयोग करके टाइप रेंज के साथ इनपुट फ़ील्ड प्राप्त करने के लिए आईडी "RANGE1" को पास करके और उस पर स्टेपअप () विधि को 10 इंक्रीमेंट वैल्यू के रूप में आपूर्ति के साथ कॉल करती है। यह स्लाइडर को 10 से बढ़ा देगा -
function stepIncrement() {
document.getElementById("RANGE1").stepUp(10);
}