模拟猜拳游戏

 

模拟猜拳游戏

 

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>猜拳游戏</title>

	</head>

	<body>
		<p><img src="img/cq.jpg" /></p>
		<p>请输入您的选择:<input type="text" id="user" /></p>
		<p><input type="button" value="确定" id="btn" onclick="compare()" />
		</p>
		<p><span id="dn"></span></p>
		<p><span id="yh"></span></p>
		<p>您共赢了:<span id="t" style="color: red">0 </span>次</p>
	</body>

	<script type="text/javascript">
	
			//定义获胜次数
			var time = 0;
	
		function compare() {

			//产生随机数
			var c = Math.random();

			if (c < 0.35) {
				c = "石头";
			} else if (c <= 0.65) {
				c = "布";
			} else {
				c = "剪刀";
			}
			
			//获取用户输入对象的值
			var u = document.getElementById('user').value;
			//获取span标签对象
			var dn = document.getElementById('dn');
			var yh = document.getElementById('yh');
			var t = document.getElementById('t');
			
			
			if (u == c) {

				dn.innerHTML = '电脑的选择是:' + c;
				yh.innerHTML = '平局';

			} else if (u == "石头") {
				if (c == "剪刀") {

					dn.innerHTML = '电脑的选择是:' + c;
					yh.innerHTML = '你赢啦';
					time++;
				} else {
					dn.innerHTML = '电脑的选择是:' + c;
					yh.innerHTML = '电脑赢啦';
				}
			} else if (u == "布") {
				if (c == "石头") {

					dn.innerHTML = '电脑的选择是:' + c;
					yh.innerHTML = '你赢啦';
					time++;
				} else {

					dn.innerHTML = '电脑的选择是:' + c;
					yh.innerHTML = '电脑赢啦';
				}
			} else if (u == "剪刀") {
				if (c == "石头") {

					dn.innerHTML = '电脑的选择是:' + c;
					yh.innerHTML = '电脑赢啦';
				} else {

					dn.innerHTML = '电脑的选择是:' + c;
					yh.innerHTML = '你赢啦';
					time++;
				}
			}

			t.innerHTML = time;
		}
	</script>

</html>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值