石头剪刀布游戏

Html

Css

#main {
	width:260px;
	height:480px;
	margin:auto;
	text-indent:15px;
	font-size:1.6em;
}
#top {
	width:100%;
	height:230px;
	background-color:#C8CAB1;
	border:2px solid #0C80DC;
}
#you,#pc {
	color:red;
}
#mid {
	width:100%;
	height:110px;
	background-color:#C8CAB1;
	margin-top:30px;
	border:2px solid #0C80DC;
}
#result {
	width:100%;
	height:80px;
	background-color:#C8CAB1;
	margin-top:30px;
	color:red;
	border:2px solid #0C80DC;
}
#btn {
	width:80px;
	height:25px;
	margin-top:30px;
	display:none;
}
#s,#t,#b {
	display:block;
	margin-top:30px;
	margin-left:15px;
}

function $(aName) {
    return document.getElementById(aName);
}

var you = $('you'),
    oTop = $('top'),
    s = $('s'),
    t = $('t'),
    b = $('b'),
    pc = $('pc'),
    btn = $('btn'),
    result = $('result');

var time = 25;
var btns = oTop.getElementsByTagName('button');

function stb(n) {
    if (n == 1) {
        return '石头';
    } else if (n == 2) {
        return '抹布';
    } else {
        return '剪刀';
    }
}

for (var i = 0; i < btns.length; i++) {
    btns[i].index = i;
    btns[i].onclick = function function_name() {
        for (var i = 0; i < btns.length; i++) {
            btns[i].disabled = true;
        }
        var n = this.index + 1;
        you.innerHTML = stb(this.index + 1);
        result.innerHTML = '...';

var timer = setTimeout(function() {
            //						var num=setInterval(pct,20);

var num = parseInt(Math.random() * (3 - 1 + 1) + 1);
            pc.innerHTML = stb(num);

if (num == n) {
                result.innerHTML = '平局';
                btn.style.display = 'block';
            } else {
                if (num - n > 0) {

if (num - n == 1) {
                        result.innerHTML = '你输了';
                        btn.style.display = 'block';
                    } else {
                        result.innerHTML = '你赢啦';
                        btn.style.display = 'block';
                    }
                } else {
                    if (num - n == -1) {
                        result.innerHTML = '你赢啦';
                        btn.style.display = 'block';
                    } else {
                        result.innerHTML = '你输了';
                        btn.style.display = 'block';
                    }
                }
            }

}, 600);

}
}

btn.onclick = function() {
    you.innerHTML = '请选择';
    pc.innerHTML = '';
    result.innerHTML = '';
    btn.style.display = 'none';

for (var i = 0; i < btns.length; i++) {
        btns[i].disabled = false;
    }
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

石头剪刀布游戏



代码描述：简单的石头剪刀布游戏

1

最新

发表评论全部评论

暂时没有评论！

苏生生0

2017/5/22 16:33:10

我和电脑玩，电脑根本就没赢过，史上最令电脑倒霉的程序。
回复

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

纷飞舞

相关代码

石头剪刀布游戏

最新