本次我们来开发石头剪刀布小游戏呀,主要是通过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"> |
「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」
共 0 条评论关于"html实现石头剪刀布小游戏案例"
最新评论