• 热点推荐:
 首页 / JS / 正文
javascript内置随机函数Math.random()案例,猜随机数字游戏

Time:2021年09月30日 Read:152 评论:0 作者:小天老师

设置一个有范围的随机数,比如1~10,然后用户输入一个数字,当用户输入的数字与随机数相等时,就结束本次游戏,如果大于或者小于随机数字,会提示偏大或者偏小,并用让用户继续输入数字,直到相等为止;

案例一:

  <script>
        function getRandom(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }
        var random = getRandom(1, 10);
        while (true) {
            var num = prompt('请输入一个数字,再参与比对');
            if (num > random) {
                alert('你猜得太大了');
            } else if (num < random) {
                alert('你猜得太小了');

            } else {
                alert('你猜对了,程序结束了');
                break;

            }
        }
    </script>

案例二:要求用户猜 1~50之间的一个数字,但是只有10次机会,超过次数会弹出警告并结束程序

    <script>
        function getRandomInt(min, max) {
            return Math.floor(Math.random() * (max - min + 1) + min);
        }
        var randoms = getRandomInt(1, 50);
        for (var i = 0; i < 10; i++) {
            var num = prompt('请先输入一个数字');
            if (num > randoms) {
                alert('你猜大了');
            } else if (num < randoms) {
                alert('你猜小了');

            } else {
                alert('你猜对了,程序结束');
                break;

            }
            if (num != randoms && i == 9) {
                alert('10次机会已经用完,你猜错了');

            }
        }
    </script>

案例二:用while循环

    <script>
        function getRandom(min, max) {
            return Math.floor(Math.random() * (max - min + 1) + min);
        }
        var randoms = getRandom(1, 50);
        var i = 0;
        while (true) {
            var num = prompt('请输入一个数字');
            i++;
            if (num > randoms) {
                alert('你猜大了');
            } else if (num < randoms) {
                alert('你猜小了');

            } else {
                alert('你猜对了,程序结束');
                break;

            }
            if (num != randoms && i == 10) {
                alert('你猜错了');
                alert('10次机会已经用完了');
                break;

            }
        }
    </script>
标签: javascript基础 

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

排行榜
四种主题风格
广告位 Ad1
关于我们
传授PC资源学习网(www.pc2356.com)个人博客,记录学习前端笔记和日记生活,分享网页源码、软件下载、学习资源等多方面资源网站。
联系我们
意见反馈
举报中心
扫码关注
Copyright@2020-2021 | Powered by©ZBLOG | 传授PC资源分享网 | RSS 订阅 | 站点地图