JavaScript基础——猜数字游戏

最新推荐文章于 2024-04-17 19:04:41 发布

CodeBoy‍

最新推荐文章于 2024-04-17 19:04:41 发布

阅读量753

点赞数 4

分类专栏： JavaScript 文章标签： javascript 游戏算法

本文链接：https://blog.csdn.net/qq_45352972/article/details/112487009

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JavaScript基础——猜数字游戏

🌈前言：也没啥，就是复习下JavaScript。

一、技术要点

1.如何取范围之间的随机数
2.判断输入的数值是否合法
3.以及逻辑的书写运用

二、具体代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>猜数字游戏</title>
    <script>
        // 取规定范围之间的随机数 [min, max]  公式：Math.floor(Math.random() * (max - min + 1)) + min
        // 输入猜数字游戏的最小值跟最大值
        var min = 1, max = 20;
        // var ;
        var random_num = Math.floor(Math.random() * (max - min + 1)) + min;
        // alert(random_num)
        var n = 5; // 在合法输入下，给定5次重新输入的机会
        while (true) {
            if (n > 0) {
                var input_num = prompt('请输入一个' + min + '~' + max + '的数字：')
                // isNaN()的弊端：不能判断空字符串跟空格。如果输入的是一个空字符串或是一个空格，isNaN就会将其做为数字0进行处理
                // 这里使用parseFloat()的返回值来判断，通过parseInt或者parseFloat返回的错误值进行判断
                // toString() 将逻辑值转换成字符串
                if (parseFloat(input_num).toString() != "NaN") { // 判断输入的是否是数字
                    if (input_num <= max && input_num >= min) { // 判断输入的数字是否在范围之内
                        if (input_num < random_num) {
                            alert('很遗憾，猜小了！');
                            n -= 1
                        } else if (input_num > random_num) {
                            alert('很遗憾，猜大了！');
                            n -= 1
                        } else if (input_num == random_num) {
                            alert('你真棒，猜对了！');
                            break; // 猜对结束循环
                        } else {
                            alert('哎呀~我出问题了！');
                        }
                    } else {
                        alert('输入的数字已经超出了[' + min + '~' + max + ']的范围！');
                    }
                } else {
                    alert('格式错误，请输入数字哦！')
                }
            } else {
                alert('哦~很遗憾，随机数为：' + random_num);
                break; // 游戏次数用完，结束循环
            }
        }
    </script>
</head>

<body>
</body>

</html>

新手小白，代码写得不好，如果有理解错误的，还望大牛在评论区指出来，非常感谢！

以上就是 JavaScript基础——猜数字游戏的所有内容了，点赞收藏加评论是最大的支持哦！

📑编写不易，转载请注明出处，如有侵权，请联系我，邮箱（896263973@qq.com）！！！

CodeBoy‍

关注

4
点赞
踩
4

收藏

觉得还不错? 一键收藏
打赏
1
评论
JavaScript基础——猜数字游戏

JavaScript基础——猜数字游戏????前言：也没啥，就是复习下JavaScript。一、技术要点1.如何取范围之间的随机数2.判断输入的数值是否合法3.以及逻辑的书写运用二、具体代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
复制链接

扫一扫