首页技术文章正文

Javascript猜数游戏怎么实现？【含游戏源码】

更新时间:2021年11月16日18时18分来源:传智教育浏览次数:

接下来我们通过一个案例来演示JavaScript Math对象的使用。使程序随机生成-个1~100之间的数字，并让用户输人一个数字，判断这两个数的大小，如果用户输人的数字大于随机数，那么提示“你猜大了”，如果用户输人的数字小于随机数，则提示“你猜小了”，如果两个数字相等，就提示“恭喜你，猜对了”，结束程序。

JavaScript 猜数游戏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>猜数字游戏</title>
</head>
<body>
</body>
    <script>
        function getRandom(min, max){
            return Math.floor(Math.random()*(max-min +1)+min)
        }
        let numRandom = getRandom(1,100);
        let j = 10;
        for(var i=0; i<=10; i++){
            let num = prompt('猜数字，范围在1~100之间！'+'还有'+ (j-i) + '次机会');
            if(num != null){
                if(num > numRandom){
                    alert("你猜大了");
                }else if(num < numRandom){
                    alert("你猜小了");
                }else{
                    alert('恭喜你！你猜对了');
                    break;
                }
            }else{
                alert('数字不能为空！')
            }
        }
        alert('游戏结束，本次共用'+i+'次机会。'+'欢迎下次接续！')
    </script>
</html>