输入数字1~100检测是否正确

最新推荐文章于 2023-10-27 09:07:18 发布

Hackers luthiers

最新推荐文章于 2023-10-27 09:07:18 发布

阅读量598

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_57218752/article/details/126617006

版权

JavaScript 专栏收录该内容

7 篇文章 2 订阅

订阅专栏

无聊的生活怎们增添一丝乐趣，运用所学知识写一点点小代码玩玩还是可以的。
那么今天勒！写一个输入数字检查是否正确的小游戏
其实代码这一块会一点基础的小伙伴都可以写出来，内容富含的知识量不大，无非就是检测输出话不多说直接上代码。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<h1>JavaScript 验证输入</h1>

<p>请输入 1 到 100 之间的数字：</p>

<input id="numb">

<button type="button" onclick="myFunction()">提交</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x, text;

    // 获取 id="numb" 的值
    x = document.getElementById("numb").value;

    // 如果输入的值 x 不是数字或者小于 1 或者大于 100，则提示错误 Not a Number or less than one or greater than 100
    if (isNaN(x) || x < 1 || x > 100) {
        text = "输入错误";
    } else {
        text = "输入正确";
    }
    document.getElementById("demo").innerHTML = text;
}
</script>

</body>
</html>