JS中猜数字游戏

最新推荐文章于 2024-09-14 18:52:56 发布

qq_50708827

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量510

点赞数

文章标签： javascript 开发语言

本文链接：https://blog.csdn.net/qq_50708827/article/details/129822881

版权

程序随机生成一个1~10之间的数字，并让用户输入一个数字，

1，如果大于该数字，就提示，猜大了

2，如果小于该数字，就提示，猜小了

3，如果等于该数字，就提示，猜对了，再来一次

案例分析：

js部分：

 <script>
         var _num=document.getElementById("num"); //表单
         var _res=document.getElementById("res"); //结果
         var _reguess=document.getElementById("reguess"); //结果
         //生成随机数
         let random=Math.ceil(Math.random()*10);
         console.log(random);
        //  猜一猜
         function guess(){
            //获取用户输入值
            let num=_num.value*1;
            let res=''; //结果
            if(num>random){
                res="猜大了"
            }else if(num<random){
                res="猜小了"
            }else{
                res="猜对了" 
                _reguess.style.display="inline-block";

            }
            //将结果存入div
            _res.innerHTML=res;

         }
        //再来一次
        function reguess(){
            // 隐藏再来一次
            _reguess.style.display='none';
            //清空结果
            _res.innerHTML="";
            //清空表单
            _num.value=""
            //重新生成随机数
            random=Math.ceil(Math.random()*10);
            console.log(random);
        }
    </script>

html：

  <div id="res"></div>
    <input id="num" type="text">
    <button id="guess" onclick="guess()">猜一猜</button>
    <button id="reguess" onclick="reguess()">再来一次</button>