数据结构
网络
关系数据库管理系统
操作系统
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 次浏览
广告