字符串实现猜数字游戏

最新推荐文章于 2024-05-30 20:15:00 发布

和蔼的阿木木o

最新推荐文章于 2024-05-30 20:15:00 发布

阅读量637

点赞数

分类专栏： js css html 文章标签：游戏 javascript

本文链接：https://blog.csdn.net/m0_59642141/article/details/126094304

版权

js 同时被 3 个专栏收录

52 篇文章 1 订阅

订阅专栏

html

28 篇文章 0 订阅

订阅专栏

css

16 篇文章 0 订阅

订阅专栏

 <style>
        .no{
            display: none;
        }
        .yes{
            display:inline-block;
        }
    </style>
</head>
<body>
    
    <input type="text" placeholder="请输入0-100你所猜到的数字" id="text">
    <button id="btn">猜一猜</button>
    <button id="btn2" class="no">再来一次？</button>
    <p id="p"></p>
</body>
<script>
    var oipt = document.getElementById("text");
    var p = document.getElementById("p");
    var obtn = document.getElementById("btn");
    var obtn2 = document.getElementById("btn2")
    var x = parseInt(Math.round(Math.random() * 100));
    obtn.onclick = function(){
        if(oipt.value > x){
            p.innerHTML="猜大了";
            obtn2.className="no";
        }else if(oipt.value < x){
            p.innerHTML="猜小了";
            obtn2.className="no";
        }else if(oipt.value==x){
            p.innerHTML = "恭喜你,猜对了";
            obtn2.className="yes";
        }
    }
    obtn2.onclick = function () {
    x = parseInt(Math.round(Math.random() * 100)) ;
    p.innerHTML = " ";
    oipt.value = " ";
    obtn2.className = "no";
  };
</script>