猜拳游戏DIV+CSS+JS版本.docx

* margin: 0; img width: 100px; margin-top: 10px; display: none; p margin-top: 10px; .container width: 520px; height: 420px; position: absolute; left: 35%; top: 25%; background: red; text-align: center; .float-left-div width: 225px; height: 150px; background: #ffc634; float: left; .computer width: 225px; height: 150px; background: #a7ff3c; float: left; .center-div width: 70px; height: 150px; background: #4be6ff; float: left; line-height: 140px; .result height: 80px; background: #2530c7; line-height: 80px; clear: both; color: whitesmoke; font-weight: bolder; font-size: 25px; .button height: 50px; margin-top: 20px; .allResult line-height: 40px; color: lightyellow; /全局变量 var totalCount = 0;/总局数 var winCount = 0;/赢数 var failCount = 0;/输数 var drawCount = 0;/平局数 /* * 选择剪刀石头布 */ function selectOne(obj) var currentChoiceImg = document.getElementById(currentChoice); changeImg(currentChoiceImg, obj.value); /* * 改变图片 * param imgObj img对象 * param value 剪刀石头布的值 */ function changeImg(imgObj, value) switch (value) case -1: imgObj.style.display = none; break; case 0: imgObj.style.display = inline; imgObj.src = jiandao.png; break; case 1: imgObj.style.display = inline; imgObj.src = shitou.png; break; case 2: imgObj.style.display = inline; imgObj.src = bu.png; break; function begin() var selectValue = document.getElementById(select).value; if (selectValue = -1) alert(请先选择出拳再开始！); return; /模拟电脑出拳 var computerValue = Math.round(Math.random() * 10) % 3; var computerImgOjb = document.getElementById(history-computer); var myImgObj = document.getElementById(history-my); changeImg(computerImgOjb, computerValue + ); changeImg(myImgObj, selectValue); /计算输赢 check(selectValue, computerValue); /* * 计算输赢 * param gesture1 手势1 * param gesture2 手势2 * returns string 1代表胜利，0代表输，2代表平局 */ function check(gesture1, gesture2) var result = gesture1 + + gesture2;/ alert(result) switch (result) case 02: case 10: case 21: winCount+; document.getElementById(win).innerHTML = + winCount; document.getElementById(result).innerHTML = 你赢了！;/ alert(赢了) break case 11: case 22: case 00: drawCount+; document.getElementById(draw).innerHTML = + drawCount; document.getElementById(result).innerHTML = 打成平手！;/ alert(平了) break default : failCount+; document.getElementById(fail).innerHTML = + failCount; document.getElementById(result).innerHTML = 你输了！;/ alert(输了) totalCount+; document.getElementById(allCount).innerHTML =