如何使用 JavaScript 在給定數字在範圍內時顯示訊息？
- WBOY轉載
- 2023-09-06 23:09:08869瀏覽
在本文中，我們將檢查數字是否在某個範圍內，並根據所得的輸出顯示一則訊息。 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 在給定數字在範圍內時顯示訊息？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除