JavaScript - 仅接受 0 到 255 范围内的数字?

javascriptweb developmentfront end technology

JavaScript 是一种流行的脚本语言,用于创建交互式网站和应用程序。它具有许多强大的功能,使其易于使用和扩展。

这对于验证表单上的用户输入或其他数据驱动任务非常有用,您希望确保用户输入特定范围内的值。

在本文中,我们将讨论如何使用 JavaScript 仅接受 0 到 255 范围内的数字。

JavaScript 中的 range 函数在接收起始和结束索引后返回所有整数的列表。最低和最高数字之间的差异就是它所象征的。使用 range 函数可以更轻松地对起始位置和结束位置之间的所有数字进行排序。

在 JavaScript 中使用 if else 条件

如果某个条件为真,则 if/else 语句会导致运行一段代码。如果条件为 false,则可能会运行另一个代码块。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>

当用户运行脚本时,它将显示输出,使事件处于活动状态,并检查给定的值是否在范围内,并给出值。在我们的例子中,它将在网络浏览器上显示"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。


相关文章