猜数字

作者: fly5 | 来源:发表于2018-08-21 08:55 被阅读0次

body主体

   <div id="box">
        <h1>猜数字游戏</h1>
        <div class="text">
            <span>现在已生成一个1-100的数字,猜中有奖</span>
        </div>
        <div class="in">
            <input type="text" id="num"/>
        </div>
            <input type="button" value="确定" onclick="guess()"/>
        <div id="anwser" style="font-size: 25px;">
            
        </div>   
    </div>

给盒子设置样式


<style type="text/css">
            #box{
                width: 185px;
                height: 263px;  
                margin: 0 auto ;
                padding: 10px 20px 40px;
                border: 1px solid black;
            }
            
            #box h1{
                width: 185px;
                height: 30px;
                margin: 0 10px 30px;
            }
            #box .text{
                text-align: center; 
            }
            #box .in input{
                font-size: 25px;
                text-align: center;
                width: 105px;
                height: 53px;
                margin: 18px 40px 14px;
            }
            #box input{
                text-align: center;
                width: 110px;
                height: 30px;
                margin: 0 40px;
            }
            #box #anwser{
                text-align: center;
                padding-top: 25px;
            
            }
        </style>

JS

 <script type="text/javascript">
     onload= function(){
        x = parseInt(Math.random()*100+1)
        var spa = document.getElementById('anwser')
        console.log(x)
        function guess(){
            var num =document.getElementById('num').value
            console.log(num)
            if(x==num){
                spa.innerHTML='猜对了'
            }else if(x<num){
                spa.innerHTML='大了'
            }else if(x>num){
                spa.innerHTML='小了'
            }
        }
            }
</script>

相关文章

  • 猜数字

  • 猜数字

    最近我报了一个有关于语文的课外班,这个课外班是一个庞大的教育机构主办的。这里的老师非常好,每个班级有一个主讲老师和...

  • 猜数字

    body主体 给盒子设置样式 JS

  • 猜数字

    昨天晚上,我和妈妈一起玩猜数字的游戏。游戏规则是这样的,谁赢了就在对方的脸上贴纸条。 我们要找出其中的一个数字,把...

  • 猜数字

    我们总是在不懂爱的年纪里,随口说爱你,却在懂爱的年纪里,绝口不提爱情。 Chapter 1 上初中那会儿,我们学校...

  • 猜数字

    两人玩游戏,在脑门上贴数字(正整数>=1),只看见对方的,看不见自己的,而且两人的数字相差1,以下是两人的对话: ...

  • 猜数字

    class ViewController: UIViewController {var label : UILab...

  • 猜数字

    猜数字shell随机数:写一个猜数字脚本,数字范围是1-100,定制计数器,每次猜完都要告诉用户猜大或猜小了,如果...

  • 374-猜数字大小

    猜数字大小 题目 我们正在玩一个猜数字游戏。 游戏规则如下:我从1到n选择一个数字。 你需要猜我选择了哪个数字。每...

  • 2019-02-23 Day49

    1.猜数字大小我们正在玩一个猜数字游戏。 游戏规则如下:我从 1 到 n 选择一个数字。 你需要猜我选择了哪个数字...

网友评论

      本文标题:猜数字

      本文链接:https://www.haomeiwen.com/subject/dakriftx.html