求个大佬用简单js语句做下这题，➕vx给报酬

实验五猜数游戏 1、实验目的了解和掌握JavaScript的语法规则，熟练掌握JavaScript语言的流程控制语句、过程控制和函数的语法及具体的使用方法。 2、实验内容实现猜数游戏 3、实验要求随机给出一个0至99（包括0和99）之间的数字，然后让用户在规定的次数内猜出是什么数字。当用户随便猜一个数字后，游戏会提示太大还是太小，然后缩小结果范围，最终得出正确结果。 1. 当猜测次数到时，提示用户“猜测次数到，游戏结束” 2. 按钮和文本框的可用属性是disable，如果属性值为true，该按钮或文本框不可使用；当其值为false时，可以使用。 3. 访问文本框的方法是：表单名.文本框名例如：表单名为guess，文本框名为num，HTML代码如下：

读取文本框的方法是： guess.num 赋值给文本框的值是9的方法是: guess.num=9

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

3条回答默认最新

Proud lion 2021-03-16 14:24

关注

<!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>Document</title>
</head>

<body>
    <div>
        <input type="text" placeholder="请输入数字" disabled>
        <div class="desc"></div>
        <button class="okbtn" disabled>确认</button>
        <button class="reset">开始</button>
    </div>
    <script>
        let start = document.querySelector('.reset'),
            okbtn = document.querySelector('.okbtn'),
            input = document.querySelector('input'),
            desc = document.querySelector('.desc'),
            count,
            roundNum;
        start.onclick = function () {
            input.value = ''
            count = 0
            roundNum = ~~(Math.random() * 99)
            this.setAttribute('disabled', true)
            input.removeAttribute('disabled');
            okbtn.removeAttribute('disabled')
        }
        okbtn.onclick = function () {
            let num = input.value
            if (/[^\d]/.test(num)) return desc.innerHTML = '只能输入数字' 
            count++
            if (num > roundNum) {
                desc.innerHTML = `猜大了`;
            } else if (num < roundNum) {
                desc.innerHTML = `猜小了`;
            } else {
                desc.innerHTML = `猜测次数到${count}次,游戏结束！`;
                input.setAttribute('disabled', true);
                okbtn.setAttribute('disabled', true);
                start.removeAttribute('disabled')
            }
        }
    </script>
</body>

</html>