JavaScript - 如何只接受0到255範圍內的數字?


JavaScript 是一種流行的指令碼語言,用於建立互動式網站和應用程式。它具有許多強大的功能,使其易於使用和擴充套件。

這對於驗證表單上的使用者輸入或其他資料驅動任務非常有用,在這些任務中,您希望確保使用者輸入的值在特定範圍內。

在本文中,我們將討論如何使用 JavaScript 只接受 0 到 255 範圍內的數字。

JavaScript 中的 range 函式在接收起始和結束索引後返回所有整數的列表。它表示的是最小值和最大值之間的差。range 函式使對起始和結束位置之間所有數字的排序更容易。

使用 JavaScript 中的 if else 條件語句

如果某個條件為真,則if/else 語句將導致執行一段程式碼。如果條件為,則可以執行另一段程式碼。if/else 語句是 JavaScript “條件” 語句的一部分,用於根據各種條件執行各種操作。

語法

以下是 ‘if else’ 條件語句的語法

if (condition){
   } else {
}

示例

在下面的示例中,我們使用 ‘if else’ 條件語句執行指令碼,以檢查給定的數字是否在範圍內。

<!DOCTYPE HTML>
<html>
<body>
   <script>
      function checkRangeDemo(number) {
         if (number < 0 || number > 255) {
            return false;
         }
         else {
            return true;
         }
      }
      var number = 55;
      if (checkRangeDemo(number) == true)
         document.write(number + " is in range"+"<br>")
      else
         document.write(number + " is not in range")
      var number1 = 350;
      if (checkRangeDemo(number1) == true)
         document.write(number1 + " is in range")
      else
         document.write(number1 + " is not in range")
   </script>
</body>
</html>

執行指令碼時,它將生成輸出,觸發事件,並檢查給定的值是否在範圍內。在本例中,它將在第一次迭代中顯示 true,在第二次迭代中顯示 false。

示例

讓我們考慮另一個示例,我們在此示例中使用 and 運算子 (&&) 和 ‘if’ 條件語句來檢查給定的數字是否在範圍內。

<!DOCTYPE html>
<html>
<body>
   <script>
      const num = 69;
      const low = 0;
      const high = 255;
      if (num > low && num < high) {
         document.write('True');
      } else {
         document.write('False');
      }
   </script>
</body>
</html>

當用戶執行指令碼時,它將顯示輸出,啟用事件,並檢查給定的值是否在範圍內,並給出值。在本例中,它將在 web 瀏覽器中顯示“true”。

讓我們來看另一個示例,以進一步瞭解如何設定值以接受 0 到 255 之間的數字。

示例

考慮下面的示例,我們在這裡執行一個條件來檢查給定的值是否滿足條件。

<!DOCTYPE HTML>
<html>
<body>
   <script>
      var checkRange = function (num) {
         var num = Number(num);
         return !isNaN(num) && (num % 1 === 0) && num >= 0 && num < 255;
      };
      document.write(checkRange(33)+"<br>");
      document.write(checkRange(369));
   </script>
</body>
</html>

執行上述指令碼後,事件將被觸發,並檢查指令碼中給定的值,第一個值返回 true,第二個值返回 false。

更新於: 2023年1月18日

瀏覽量:527

啟動您的 職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.