HTML DOM Input Range value प्रॉपर्टी टाइप="range" वाले इनपुट एलिमेंट और value एट्रिब्यूट से जुड़ी होती है। इसका उपयोग स्लाइडर कंट्रोल के value एट्रिब्यूट के मान को प्राप्त करने या इसे सेट करने के लिए किया जाता है। Value एट्रिब्यूट डिफ़ॉल्ट मान या स्लाइडर को ड्रैग करके सेट किया गया मान हो सकता है।
सिंटैक्स
Value प्रॉपर्टी सेट करने के लिए सिंटैक्स:
rangeObject.value = text;
यहां, text रेंज स्लाइडर कंट्रोल के लिए मान निर्दिष्ट करने के लिए उपयोग किया जाता है।
उदाहरण
Input range value प्रॉपर्टी का एक उदाहरण:
<!DOCTYPE html> <html> <body> <h1>Input range Value प्रॉपर्टी</h1> <form> VOLUME <input type="range" id="RANGE1" name="VOL"> </form> <p>नीचे दिए गए बटन पर क्लिक करके ऊपर के एलिमेंट का मान प्राप्त करें</p> <button onclick="getValue()">मान प्राप्त करें</button> <p id="Sample"></p> <script> function getValue() { var t = document.getElementById("RANGE1").value; document.getElementById("Sample").innerHTML = "रेडियो बटन का मान है: "+t; } </script> </body> </html>
आउटपुट
उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:
"मान प्राप्त करें" बटन पर क्लिक करने पर:
उपरोक्त उदाहरण में:
हमने type="range", id="RANGE1", name="VOL" के साथ एक फॉर्म के अंदर एक इनपुट फील्ड बनाया:
<form> VOLUME <input type="range" id="RANGE1" name="VOL"> <form>
फिर हमने एक बटन "Get Value" बनाया जो यूज़र द्वारा क्लिक किए जाने पर getValue() मेथड को एक्जीक्यूट करेगा:
<button type="button" onclick="getValue()">Get Value</button>
getValue() मेथड getElementById() मेथड का उपयोग करके इनपुट एलिमेंट को प्राप्त करता है और इसके "value" एट्रिब्यूट मान को वेरिएबल t को असाइन करता है। यह वेरिएबल फिर id "Sample" वाले पैराग्राफ में इसके innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित किया जाता है:
function getValue() { var t = document.getElementById("RANGE1").value; document.getElementById("Sample").innerHTML = "इनपुट फील्ड का मान है: "+t; }
