如何使用 JavaScript 在給定數字在範圍內時顯示訊息？-js教程-PHP中文網

語法

演算法

範例

首頁

web前端

js教程

如何使用 JavaScript 在給定數字在範圍內時顯示訊息？

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Sep 06, 2023 pm 11:09 PM

如何使用 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，第二個條件是否為NaN如果數字小於範圍的下限，則第三次，如果數字大於範圍的上限。
步驟3 -如果上述三個條件中的任何一個為真，則顯示一則訊息，表示該號碼不在範圍內，否則顯示一則訊息，表示該號碼在範圍內。

範例< /h2>

在下面的範例中，我們檢查輸入的數字是否在 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(&#39;Please enter a number:&#39;);
         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(&#39;Please enter a number:&#39;);
         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中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

人工智慧驅動的應用程序，用於創建逼真的裸體照片

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

免費脫衣圖片

Clothoff.io

AI脫衣器

Video Face Swap

使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！

熱工具

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

中文版，非常好用

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

gmail信箱登陸入口在哪裡

7807

Java教學

1646

CakePHP 教程

1402

Laravel 教程

1300

PHP教程

1236

Related knowledge

前端熱敏紙小票打印遇到亂碼問題怎麼辦？ Apr 04, 2025 pm 02:42 PM

前端熱敏紙小票打印的常見問題與解決方案在前端開發中，小票打印是一個常見的需求。然而，很多開發者在實...

神秘的JavaScript：它的作用以及為什麼重要 Apr 09, 2025 am 12:07 AM

JavaScript是現代Web開發的基石，它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發，極大地提升了用戶體驗和跨平台開發的靈活性。