এইচটিএমএল হাই অ্যাট্রিবিউট একটি গেজের সাথে ব্যবহার করা হয় সেই গেজের উচ্চ মান নির্দিষ্ট করতে। আরও ভালো ফলাফল পেতে সর্বোচ্চ, ন্যূনতম, নিম্ন গুণমানের সাথে এটি ব্যবহার করুন।
মিটার উঁচু এর একটি উদাহরণ দেখা যাক সম্পত্তি -
উদাহরণ
<!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">Paula's Health Risk: </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> এটি নিম্নলিখিত আউটপুট −
তৈরি করবে1)'Medi Kit' ক্লিক করার আগে বোতাম -
2) 'Medi Kit' ক্লিক করার পর বোতাম -
