模拟猜拳游戏
<!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>