HTML DOM इनपुट रेंज स्टेपडाउन () विधि

<घंटा/>

HTML DOM इनपुट रेंज स्टेपडाउन () विधि का उपयोग स्लाइडर नियंत्रण मान को एक निर्दिष्ट संख्या से घटाने के लिए किया जाता है। यदि खाली छोड़ दिया जाता है तो यह 1 से घट जाएगा। यदि चरण विशेषता निर्दिष्ट है तो स्टेपडाउन () विधि उसके गुणक में घट जाएगी। उदाहरण:यदि चरण =”20” तो स्टेपडाउन (2) 20*2=40 तक घट जाएगा

सिंटैक्स

रेंज स्टेपडाउन () विधि के लिए सिंटैक्स निम्नलिखित है -

rangeObject.stepDown(number)

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

उदाहरण

आइए श्रेणी स्टेपडाउन () विधि के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<h1>Input range stepDown() method</h1>
<form>
VOLUME <input type="range" id="RANGE1" name="VOL">
</form>
<p>Decrement the slider control value by clicking the below button</p>
<button type="button" onclick="stepDecrement()">DECREMENT</button>
<p id="Sample"></p>
<script>
   function stepDecrement() {
      document.getElementById("RANGE1").stepDown(10);
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

HTML DOM इनपुट रेंज स्टेपडाउन () विधि

DECREMENT बटन पर क्लिक करने पर -

HTML DOM इनपुट रेंज स्टेपडाउन () विधि

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

हमने एक फॉर्म के अंदर एक इनपुट फ़ील्ड बनाया है जिसमें टाइप ="रेंज, आईडी ="रेंज 1", नाम ="वीओएल" -

है।

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

हमने तब एक बटन DECREMENT बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर stepDecrement() विधि को निष्पादित करेगा -

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

StepDecrement () विधि getElementById () विधि का उपयोग करती है ताकि इनपुट फ़ील्ड को टाइप रेंज के साथ आईडी "RANGE1" पास करके प्राप्त किया जा सके और स्टेपडाउन () विधि को 10 के साथ डिक्रीमेंट वैल्यू के रूप में आपूर्ति की जाती है। यह स्लाइडर को 10 से घटा देगा -

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