HTML DOM Meter ऑब्जेक्ट

var meterObject = document.createElement("METER")

यहां, "meterObject" में निम्नलिखित प्रॉपर्टीज हो सकती हैं:

उदाहरण

<!DOCTYPE html>
<html>
<head>
<title>Meter value</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-value</legend>
      <label for="paulaLifeSource">पौला का स्वास्थ्य जोखिम: </label>
      <meter id="paulaLifeSource" max="100" min="0" high="80" value="75" low="70" value="85">
      </meter>
      <input type="button" onclick="lifeSource()" value="कम करें">
      <div id="divDisplay"></div>
    </fieldset>
  </form>
  <script>
    var divDisplay = document.getElementById("divDisplay");
    divDisplay.textContent = 'जीवन स्रोत ' + paulaLifeSource.value + ' पर है';
    function lifeSource(effect) {
      var paulaLifeSource = document.getElementById("paulaLifeSource");
      var immunity = paulaLifeSource.value;
      paulaLifeSource.value = 10;
      divDisplay.textContent = 'मान ' + immunity + ' से ' + paulaLifeSource.value + ' पर बदल गया';
    }
  </script>
</body>
</html>

आउटपुट

'कम करें' बटन पर क्लिक करने से पहले:

'कम करें' बटन पर क्लिक करने के बाद: