猜数字

stan_8mile

于 2017-10-25 15:51:19 发布

阅读量416

点赞数

分类专栏： js html 文章标签： html js

本文链接：https://blog.csdn.net/stan_8mile/article/details/78342422

版权

js 同时被 2 个专栏收录

2 篇文章

订阅专栏

html

2 篇文章

订阅专栏

本文介绍了一个简单的在线猜数字游戏，玩家需要猜测由系统随机生成的四位数。每次猜测后，系统会给出A和B的提示，帮助玩家逐步接近正确答案。A代表数字和位置都正确的个数，B代表数字正确但位置错误的个数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
    <head>
        <meta charset="utf-8">
        <script>
            var ans_arr=[];
            function startgame(o){
                o.style.display="none";
                for(var i=0;i<4;i++){
                    var t = Math.floor(Math.random()*10);
                    ans_arr [i] = t;
                }
                var str = document.getElementById("d1");
                str.style.display = "block";
                document.getElementById("ans").style.display="block";
            }

            var count = 0;
            function ok(){              
                var ans_clon = ans_arr.concat();        
                var a=0;
                var b=0;
                var tem_ans=[];
                var tem_val=[];
                var val = document.getElementById("i1").value;
                document.getElementById("i1").value="";
                var val_arr = val.split("");
                for(var i=0;i<val_arr.length;i++){
                    if(ans_clon[i]==val_arr[i]){
                        ans_clon[i] = 11;
                        val_arr[i] = 11;
                        a+=1;
                    }
                }
                var j=0;
                for(var i=0;i<ans_clon.length;i++){
                    if(ans_clon[i]==11){
                        continue;
                    }else{
                        tem_ans[j] = ans_clon[i];
                        j++;
                    }
                }
                j=0;
                for(var i=0;i<val_arr.length;i++){
                    if(val_arr[i]==11){
                        continue;
                    }else{
                        tem_val[j] = val_arr[i];
                        j++;
                    }
                }
                for(var i=0;i<tem_ans.length;i++){                  
                    var temans = tem_ans[i];
                    if(temans==11){
                        break;
                    }
                    for(var j=0;j<tem_val.length;j++){
                        if(tem_val[j]==11){                                                     
                            break;
                        }else{
                            if(tem_val[j]==temans){
                                b+=1;
                                tem_val[j]=12;
                                tem_ans[i]=11;
                                break;
                            }
                        }
                    }
                }
                if(a==4){
                    alert("回答正确！");
                    return;
                }

                count++;
                var ul = document.getElementById("u1");
                var li = document.createElement("li");
                li.innerHTML=val+"    "+a+"A"+b+"B";
                ul.appendChild(li);
                if(count==8){
                    var li2 = document.createElement("li");
                    li.innerHTML=
                    "<img style='width:300px;height:200px' src='https://timgsa.baidu.com/timg?image&quality=80&size=b10000_10000&sec=1504254365&di=8edd3680a4a576d5b05ab0fadf746159&src=http://wanzao2.b0.upaiyun.com/system/pictures/35900993/original/1463665034_650x452.png' />"
                    ul.appendChild(li);
                }
            }
            function ans(){
                alert("答案："+ans_arr);
            }
        </script>
    </head>

    <body>
        <div>
            游戏规则：点击开始游戏，输入4位有效数字，若输入的数字与答案相同则猜对，若不同则根据提示继续猜，<br/>
            提示格式为xAxB，如正确答案为 5234，而猜的人猜 5346，则是 1A2B，其中有一个5的位置对了，记为1A，<br/>而3和4这两个数字对了，而位置没对，因此记为 2B，合起来就是 1A2B。
        </div>
        <br/>
        <br/>
        <button onclick="startgame(this)">开始游戏</button><br/>
        <div style="display:none;width:100%" id="d1">请输入数字:<input type="text" value="" id="i1" maxlength="4"/>
            <button onclick="ok()">确定</button><button id="ans" style="display:none" onclick="ans()">猜不出来。。。看答案</button><br/>
        </div>
        <div>
            <ul   id="u1">          
            </ul>
        </div>              
    </body>
</html>