Thuộc tính min của đối tượng Meter trả về hoặc thiết lập một số tương ứng với thuộc tính min của phần tử <meter>. Nên sử dụng kết hợp với các thuộc tính high, max và low để có kết quả tốt hơn.
Cú pháp
Lấy giá trị thuộc tính min
meterElementObject.min
Thiết lập giá trị thuộc tính min
meterElementObject.min = number
Ví dụ
Dưới đây là ví dụ minh họa cho thuộc tính 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">Mức rủi ro sức khỏe của Paula: </label> <meter id="paulaLifeSource" max="100" min="0" high="80" low="60" value="60" optimum="40"></meter> <input type="button" onclick="lifeSource()" value="Hộp y tế"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); divDisplay.textContent = 'Nguồn sống tại '+paulaLifeSource.value+'/'+paulaLifeSource.max; function lifeSource(){ var paulaLifeSource = document.getElementById("paulaLifeSource"); var Immunity = paulaLifeSource.min; paulaLifeSource.min = 20; divDisplay.textContent = 'Thiệt hại vĩnh viễn đến '+paulaLifeSource.min+' từ '+Immunity; } </script> </body> </html>
Kết quả
Ví dụ này sẽ cho kết quả sau:
Trước khi nhấn nút 'Hộp y tế':
Sau khi nhấn nút 'Hộp y tế':
