The DOM Meter min Property is used to set or return the value of the min attribute in a gauge. The min attribute is used to specify the lower bound of the gauge, The value of min attribute must be less than the value of the max attribute.
It has a default value which is 0.
Syntax:
meterObject.min
meterObject.min = number
Property Values: It contains the value i.e number that specify the floating point number that represents the minimum value of the gauge.
Return Value: It returns a numeric value which represents the minimum value of the gauge.
Example-1: This Example returns the min Property.
<!DOCTYPE html> < html > < head > < title > DOM Meter min Property </ title > </ head > < body > < h1 >GeeksforGeeks</ h1 > < h2 >DOM Meter min Property:</ h2 > Sachin's score: <!-- assigning id to meter with properties. --> < meter value = "5" min = "0" max = "10" > 5 out of 10 </ meter > < br >Laxma score: <!-- meter tag using value property. --> < meter id = "GFG" min = "20" low = "40" high = "65" max = "100" value = "55" > </ meter > < br > < button onclick = "Geeks()" > Submit </ button > < p id = "sudo" style="font-size:25px; color:green;"> </ p > < script > function Geeks() { // Accessing 'meter' tag. var g = document.getElementById("GFG").min; document.getElementById("sudo").innerHTML = g; } </ script > </ body > </ html > |
Output:
Before Clicking On Button:
After Clicking On Button:
Example-2 : This Example returns a min Property.
<!DOCTYPE html> < html > < head > < title > DOM Meter min Property </ title > </ head > < body > < h1 > GeeksforGeeks </ h1 > < h2 > DOM Meter min Property: </ h2 > Sachin's score: <!-- assigning id to meter with properties. --> < meter value = "5" min = "0" max = "10" > 5 out of 10 </ meter > < br >Laxma score: <!-- meter tag using value property. --> < meter id = "GFG" min = "20" low = "40" high = "65" max = "100" value = "55" > </ meter > < br > < button onclick = "Geeks()" > Submit </ button > < p id = "sudo" style="font-size:25px; color:green;"> </ p > < script > function Geeks() { // Accessing 'meter' tag. var g = document.getElementById("GFG").min = "10"; document.getElementById("sudo").innerHTML = "The value of the min attribute was changed to " + g; } </ script > </ body > </ html > |
Output :
Before Clicking On Button:
After Clicking On Button:
Supported Browsers: The browser supported by DOM Meter min Property are listed below:
- Chrome
- Firefox
- Safari 6.0
- Opera