猜数字
来源:互联网 发布:语义网络模型 编辑:程序博客网 时间:2024/06/05 17:36
<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>
阅读全文
0 0