在本文中，我們將檢查數字是否在某個范圍內，并根據得到的輸出顯示一條消息。 JavaScript 的此功能允許您在創建表單或任何其他文檔時進行數字驗證。
語法
以下是檢查數字是否在范圍內并顯示消息的語法-
if (isNaN(number) || number < lower || number > upper){
document.getElementById("output").innerHTML = number + " is not in range";
} else {
document.getElementById("output").innerHTML = number + " is in range";
}
登錄后復制
這里number是輸入的數字，用于檢查是否在范圍內。 lower和upper是范圍的下限和上限。
算法
步驟1 ? 使用prompt()方法輸入數字。
第2步 ? 檢查三個條件，第一個條件是否為NaN，第二個條件是否為NaN如果數字小于范圍的下限，則第三次，如果數字大于范圍的上限。
步驟 3 -如果上述三個條件中的任何一個為真，則顯示一條消息，表明該號碼不在范圍內，否則顯示一條消息，表明該號碼在范圍內。
示例
在下面的示例中，我們檢查輸入的數字是否在 1 到 10 范圍內，并顯示消息。
<!DOCTYPE html>
<html>
<body>
<div>
<h3>Display Message if number is in Range</h3>
<p>Click the below button to enter number.</p>
<button onclick="display()"> click me</button>
<p id="output"></p>
</div>
<script>
function display() {
const number = prompt('Please enter a number:');
if (isNaN(number) || number < 1 || number > 10)
document.getElementById("output").innerHTML = number + " is not in range";
else
document.getElementById("output").innerHTML = number + " is in range";
}
</script>
</body>
</html>
登錄后復制
如輸出窗口所示，點擊“click me”按鈕后，窗口會要求您輸入一個數字。
在提示框中輸入數字后，您將知道是否是否在給定的范圍內。
嘗試輸入不同的數字來檢查數字是否在 1 到 10 的范圍內。如示例所示，如果我們輸入 1 到 10 之間的任何數字，則輸出為 true。上面的示例檢查 3 個條件，第一，數字不為空值，第二，它不小于 1，第三，它大于 10。
示例
我們還可以如下所示編寫上面的代碼，它也會給出相同的輸出
<!DOCTYPE html>
<html>
<body>
<div>
<h3>Display Message if number is in Range</h3>
<p>Click the below button to enter number.</p>
<button onclick="display()"> click me
</button>
<p id="message"></p>
</div>
<script>
function display() {
const number = prompt('Please enter a number:');
if (number >= 1 && number <= 10)
document.getElementById("message").innerHTML = number + " is in range";
else
document.getElementById("message").innerHTML = number + " is not in range";
}
</script>
</body>
</html>
登錄后復制
注意– 我們可以使用此功能在表單上進行驗證，例如如果我們想要從給定數據中選擇出生日期或在給定選擇任何整數的選項時進行驗證從0到9回答。
以上就是如何使用 JavaScript 在給定數字在范圍內時顯示消息？的詳細內容，更多請關注www.92cms.cn其它相關文章！
