本次我们来开发石头剪刀布小游戏呀，主要是通过if进行逻辑判断，然后随机函数将值进行随机判断，然后对比输赢，然后统计次数，接下来我们一起来实现实现吧：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 | <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="stylesheet" href=""> <script type="text/javascript"></p> <p> var YouWin = 0;</p> <p> function result(You)<br /> {<br /> var Pc = Pc_result(); //获取电脑的选择</p> <p> if(You == Pc)<br /> {<br /> alert("没有输赢,你们出的都是" + Pc);<br /> }</p> <p> else if(You == "剪刀" && Pc == "石头")<br /> {<br /> alert("你输了,电脑出的是" + Pc);<br /> }<br /> else if(You == "布布" && Pc == "石头")<br /> {<br /> alert("你赢了,电脑出的是" + Pc);<br /> YouWin++;<br /> }</p> <p> else if(You == "布布" && Pc == "剪刀")<br /> {<br /> alert("你输了,电脑出的是" + Pc);<br /> }<br /> else if(You == "石头" && Pc == "剪刀")<br /> {<br /> alert("你赢了,电脑出的是" + Pc);<br /> YouWin++;<br /> }</p> <p> else if(You == "石头" && Pc == "布布")<br /> {<br /> alert("你输了,电脑出的是" + Pc);<br /> }<br /> else if(You == "剪刀" && Pc == "布布")<br /> {<br /> alert("你赢了,电脑出的是" + Pc);<br /> YouWin++;<br /> }<br /> document.getElementById("YouWin_text").value = YouWin;<br /> }</p> <p> // 随机电脑出的选择<br /> function Pc_result()<br /> {</p> <p> v1 = Math.random()*3;<br /> v1 = Math.round(v1)+1;</p> <p> if(v1 == 1)<br /> {<br /> return "石头";<br /> }</p> <p> else if(v1 == 2)<br /> {<br /> return "剪刀";<br /> }</p> <p> else if(v1 == 3)<br /> {<br /> return "布布";<br /> }<br /> }</p> <p> </script> <hr> <input type="button" value="石头" onclick="result('石头')"> <input type="button" value="剪刀" onclick="result('剪刀')"> <input type="button" value="布布" onclick="result('布布')"> <hr> <span>你赢的次数:</span> <input type="text" id="YouWin_text"> <span>电脑赢的次数:</span> <input type="text" id="PcWin"> |
「梦想一旦被付诸行动，就会变得神圣，如果觉得我的文章对您有用，请帮助本站成长」
国瑞个人博客: https://www.huanggr.cn/，我们关注Web前端开发技术，web前端开发,移动前端开发，前端资讯，同时分享前端资源和工具等，期待你的参与,了解更多..
博主独立研发主题：
没咋研究，emmm
评：web前端绘制八卦图_超简单教程这个是太极阴阳鱼，不是八卦图。
评：web前端绘制八卦图_超简单教程
后会有期（1年前 (2020-08-14)）文章不错
评：宝塔系统面板无法正常显示我采用该方法解决了才发布的教程
评：iview-admin点击路由报错vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated {_name: "Navi网站被攻击了，有些源码文件损坏了
评：前端搜索框下方保留搜索记录
12（2年前 (2020-03-11)）为什么我的foreach会报错 Error in v-on handler: "TypeE...
评：iview中多选框单选实现方法
共 0 条评论关于"html实现石头剪刀布小游戏案例"
最新评论