資料結構
網路
關係資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何使用 JavaScript 在給定數字在範圍內時顯示訊息？
在本文中，我們將檢查一個數字是否位於某個範圍內，並根據我們獲得的結果顯示一條訊息。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，其次是數字是否小於範圍的下限，第三是數字是否大於範圍的上限。
步驟 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>如單擊“點選我”按鈕後輸出視窗中所示，視窗將要求您輸入一個數字。
在提示框中輸入數字後，您將瞭解它是否位於給定範圍內。
嘗試輸入不同的數字以檢查數字是否在 1 到 10 的範圍內。如示例所示，如果我們輸入 1 到 10 之間的任何數字，則輸出為真。上面的示例檢查三個條件，首先數字不是空值，其次它不小於 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 選擇任何整數答案的選項時。
更新於： 2022-07-21
708 次瀏覽
廣告