Thuộc tính max 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 max của phần tử <meter>. Nên sử dụng kết hợp với các thuộc tính high, min và low để có kết quả tốt hơn.
Cú pháp
Lấy giá trị thuộc tính max
meterElementObject.max
Thiết lập giá trị thuộc tính max
meterElementObject.max = number
Ví dụ
Dưới đây là ví dụ minh họa cho thuộc tính Meter max:
<!DOCTYPE html> <html> <head> <title>Meter max</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-max</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="70"></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.max; paulaLifeSource.max = 80; divDisplay.textContent = 'Cuộc sống giảm xuống '+paulaLifeSource.max+' 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ế':
