HTML DOM Meter high प्रॉपर्टी <meter> एलिमेंट के high एट्रिब्यूट से संबंधित संख्या को लौटाती या सेट करती है। बेहतर परिणाम के लिए इसे low, min और max एट्रिब्यूट के साथ उपयोग करें।
सिंटैक्स
निम्नलिखित सिंटैक्स है -
- high प्रॉपर्टी का मान प्राप्त करना
meterElementObject.high
- high प्रॉपर्टी का मान सेट करना
meterElementObject.high = number
उदाहरण
आइए Meter high प्रॉपर्टी का एक उदाहरण देखें -
<!DOCTYPE html> <html> <head> <title>Meter high</title> <style> form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } </style> </head> <body> <form> <fieldset> <legend>Meter-high</legend> <label for="paulaLifeSource">पौला का स्वास्थ्य जोखिम: </label> <meter id="paulaLifeSource" max="100" min="0" high="80" low="70" value="85"></meter> <input type="button" onclick="lifeSource()" value="Medi Kit"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); divDisplay.textContent = 'Life Source at '+paulaLifeSource.value; function lifeSource(effect){ var paulaLifeSource = document.getElementById("paulaLifeSource"); var Immunity = paulaLifeSource.high; paulaLifeSource.high = 90; divDisplay.textContent = 'Immunity increased to '+paulaLifeSource.high+' from '+Immunity; } </script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
'Medi Kit' बटन पर क्लिक करने से पहले -
'Medi Kit' बटन पर क्लिक करने के बाद -
