Meter min प्रॉपर्टी <meter> एलिमेंट के min एट्रिब्यूट से संबंधित संख्या को लौटाती या सेट करती है। बेहतर परिणाम के लिए इसे high, max और low एट्रिब्यूट के साथ उपयोग करें।
सिंटैक्स
निम्नलिखित सिंटैक्स है -
- min प्रॉपर्टी का मान प्राप्त करना
meterElementObject.min
- min प्रॉपर्टी का मान सेट करना
meterElementObject.min = number
उदाहरण
आइए Meter min प्रॉपर्टी का एक उदाहरण देखें -
<!DOCTYPE html> <html> <head> <title>Meter min</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-min</legend> <label for="paulaLifeSource">पौला का स्वास्थ्य जोखिम: </label> <meter id="paulaLifeSource" max="100" min="0" high="80" low="60" value="60" optimum="40"></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+'/'+paulaLifeSource.max; function lifeSource(){ var paulaLifeSource = document.getElementById("paulaLifeSource"); var Immunity = paulaLifeSource.min; paulaLifeSource.min = 20; divDisplay.textContent = 'Permenant Damage to '+paulaLifeSource.min+' from '+Immunity; } </script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
'Medi Kit' बटन पर क्लिक करने से पहले -
'Medi Kit' बटन पर क्लिक करने के बाद -
