JavaScript实现的石头剪刀布游戏源码分享

这个游戏主要设计到两点：

首先是胜负运算

由于石头剪刀布是循环性的石头杀剪子剪子杀布布杀石头石头杀剪子。根据以上特点找出规律，写出算法即可。

让电脑随机

这点比较容易，前面我有写过文章介绍，不明白的童鞋可以去看看。

随机刷屏

其实这个效果不是游戏的关键性，但为了看起来更加互动，好玩，我就给加上了。这里用到了一个取模算法，根据余数去循环显示即可达到效果。

界面截图

最后上代码

！DOCTYPE html html html heartheta charset=' utf-8 '/TItle js写的石头剪子布游戏-琼台博客/title style type=' text/CSS ' div { margin 336020 px auto；padd :10 pxborder 33602 px固体# 999;宽度宽度：200像素背景# FFE } div # Cu { font-weight : bold；font-size :30 px高度：40 pxcolor : red } div # la { border : none背景：无；display : none } span { color : redfont-weight : bold；}/style脚本类型=' text/JavaScript ' var se=null，time=20，you=0，arr=new Array('石头','抹布','剪子');函数p(n){ you=n；document.getElementById('you ').innerHTML=s(n)；document.getElementById('st ').disabled=true document . getelementbyid(' MB ').disabled=true document . getelementbyid(' JZ ').disabled=true document . getelementbyid(' Cu ').innerHTML=' . '；se=setInterval('t()'，50)；}函数agin(){ document。getelementbyid(' ST ').disabled=false document . getelementbyid(' MB ').disabled=false document . getelementbyid(' JZ ').disabled=falsedocument。getelementbyid(' la ')。风格。显示='无'；document.getElementById('you ').innerHTML=document . getelementbyid(' PC ').innerHTML=document . getelementbyid(' Cu ').innerHTML=document . getelementbyid(' you ').innerHTML='请选择；}函数Bt(){ var PC=数学。地板(数学。random()* 3 ^ 1)；document.getElementById('pc ').innerHTML=s(PC)；var str=if(pc==you){str='平局；} else { var b=PC-you；if(b0){if(b==1){str='电脑赢；}else{str='你赢啦；} } else { b=b *-1；if(b==1){str='你赢啦；}else{str='电脑赢；} } }文档。getelementbyid(' la ')。风格。display=' blockdocument.getElementById('cu ').innerHTML=str}函数t(){ if(time 0){ document。getelementbyid(' PC ').innerHTML=arr[时间% 3];时间-;} else { clearInterval(se)；se=null时间=20;Bt()；} }函数s(n){if(n==1){return '石头；}else if(n==2){return '抹布；}else{return '剪子；} }/script/headdydivp你出什么？span id='you '请选择/span/PP按钮id=' ST ' onclick=' p(1)；'石头/button/PP button id=' MB ' onclick=' p(2)；'抹布/button/PP button id=' JZ ' onclick=' p(3)；'剪子/button/p/divdivp电脑出？/PS pan style=' id=' PC '/span/div div id=' Cu '/div id=' la ' button id=' agin ' onclick=' agin()'再来一次/button/div/body/html