HTML DOM Meter value প্রপার্টি

HTML DOM Meter value প্রপার্টি <meter> এলিমেন্টের value অ্যাট্রিবিউটের সাথে সম্পর্কিত একটি সংখ্যা রিটার্ন বা সেট করে। ভাল ফলাফলের জন্য এটি high, low, min এবং max অ্যাট্রিবিউটের সাথে ব্যবহার করুন।

দ্রষ্টব্য: <meter>-কে প্রগ্রেস বার হিসেবে নয়, শুধুমাত্র গেজ হিসেবে ব্যবহার করুন।

সিনট্যাক্স

value প্রপার্টির মান রিটার্ন করার জন্য:

meterElementObject.value

value প্রপার্টির মান সেট করার জন্য:

meterElementObject.value = number

উদাহরণ

<!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">Paula's Health Risk: </label>
      <meter id="paulaLifeSource" max="100" min="0" high="80" value="75" low="70" value="85"></meter>
      <input type="button" onclick="lifeSource()" value="Reduce">
      <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.value;
      paulaLifeSource.value = 10;
      divDisplay.textContent = 'value changed to ' + paulaLifeSource.value + ' from ' + Immunity;
    }
  </script>
</body>
</html>

আউটপুট

'Reduce' বাটনে ক্লিক করার আগে - মিটার 85 মান দেখাবে।

'Reduce' বাটনে ক্লিক করার পর - মিটার মান 10-এ পরিবর্তিত হবে।