अंडरफ़्लो श्रेणी - यदि तत्व मान न्यूनतम विशेषता में निर्दिष्ट मूल्य से कम है, तो यह सत्य पर सेट हो जाता है।
रेंज ओवरफ्लो - यदि तत्व मान अधिकतम विशेषता में निर्दिष्ट मूल्य से अधिक है, तो यह सत्य पर सेट हो जाता है।
जावास्क्रिप्ट में रेंज ओवरफ्लो और रेंज अंडरफ्लो प्रॉपर्टी के लिए कोड निम्नलिखित है -
उदाहरण
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.result {
font-size: 20px;
font-weight: 500;
}
</style>
</head>
<body>
<h1>Range Overflow and Range Underflow property</h1>
Enter a number between 0 to 20<input type="number" class="num" min="0" max="20"
step="1"></div>
<button class="Btn">CHECK</button>
<h3>
Click on the above button to check if the number is between 0 and 20.
</h3>
<div style="color: green;" class="result"></div>
<script>
let resEle = document.querySelector(".result");
let numEle = document.querySelector('.num');
document.querySelector(".Btn").addEventListener("click", () => {
if(numEle.validity.rangeOverflow){
resEle.innerHTML = 'Number exceeds the range';
}
else if(numEle.validity.rangeUnderflow){
resEle.innerHTML = 'Number is lower than the range ';
}
else{
resEle.innerHTML = 'Number lies in the range';
}
});
</script>
</body>
</html> आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
20 से ऊपर की संख्या डालने पर -
0 से नीचे की संख्या डालने पर -
