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

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

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

সিনট্যাক্স

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

meterElementObject.optimum

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

meterElementObject.optimum = number

উদাহরণ

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

আউটপুট

'Rectify Optimum level' বাটনে ক্লিক করার আগে - অপ্টিমাম লেভেল 75 দেখাবে।

'Rectify Optimum level' বাটনে ক্লিক করার পর - অপ্টিমাম লেভেল 85-এ পরিবর্তিত হবে।