JavaScript内置对象——Math.random()猜数字案例

JavaScript内置对象——Math.random()猜数字案例


效果展示

JavaScript内置对象——Math.random()猜数字案例_第1张图片
JavaScript内置对象——Math.random()猜数字案例_第2张图片

JavaScript内置对象——Math.random()猜数字案例_第3张图片

文章目录

  • JavaScript内置对象——Math.random()猜数字案例
    • 效果展示
  • 一、案例要求
  • 二、案例分析
    • 1.获取随机整数方法
    • 2.方法使用
  • 三、代码模块


一、案例要求

程序随机生成一个1~10之间的数字,并让用户输入一个数字
1.如果大于该数字,就提示,数字大了,继续猜
2.如果小于该数字,就提示数字小了,继续猜
3.如果等于该数字,就提示猜对了,结束程序

二、案例分析

1.随机生成一个1~10之间的整数(包含1和10本身) 我们就要用到 Math.random() 方法
2.我们需要一直猜到正确为止,所以需要一直循环,直到猜对才终止循环
3.所以while循环更合适
4.核心算法:使用if else if 多分支语句来判断大于、小于和等于。

1.获取随机整数方法

function getRandomInt(max, min) {
            return Math.floor(Math.random() * (max- min + 1) + min);
        }

2.方法使用

直接调用 getRandomInt 函数

console.log(getRandomInt(1,20));    // 获取1~20之间的随机整数(包含1和20)
console.log(getRandomInt(1,100));    // 获取1~100之间的随机整数(包含1和100)

三、代码模块

<script>
        var bool = true;
        var random = getRandomInt(1,10);
        while(bool) {
            var num = prompt('请输入一个数字:');
            if(Number(num) > random) {
                alert('数字大了,继续猜!');
            } else if(Number(num) < random) {
                alert('数字小了,继续猜!');
            } else if (Number(num) === random) {
                alert('恭喜您,猜对了!');
                bool = false;
                break;
            }

        }

        function getRandomInt(max, min) {
            return Math.floor(Math.random() * (max- min + 1) + min);
        }
     </script>

少年不惧岁月长, 彼方尚有荣光在。

你可能感兴趣的:(JavaScript,javascript,前端,开发语言)