原生JavaScript实现五子棋游戏

2023-07-12 14:41:03 184

varScreenWidth={ documentWidth:500, containerWidth:400,//容器默认宽度 cellWidth:20//单元格宽度 } if(document.documentElement.clientWidth<500){ ScreenWidth.documentWidth=document.documentElement.clientWidth; ScreenWidth.containerWidth=ScreenWidth.documentWidth*0.8; ScreenWidth.cellWidth=ScreenWidth.containerWidth*0.05; } //常量 varreg=/\d{1,2}/g; varwhite=[];//放白子 varblack=[];//放黑子 vartempKey=false;//判断是走黑子还是白子 varnotOver=true;//判断游戏是否结束 vartips="白棋走";//提示走棋 varcount=0;//相连的个数 varbv=false;//黑棋胜利 varwv=false;//白棋胜利 varyCanWin=[];//同一竖元素存放的数组 varxCanWin=[];//同一横元素存放的数组 varxyCanWin=[];//同一正斜存放的数组 varyxCanWin=[];//同一反斜存放的数组 //用计时器监听是否胜利 vartime=setInterval(function(){ if(bv){ tips="黑棋胜利"; document.getElementsByTagName("span")[0].innerText=tips; for(vari=0;i"; tr.innerHTML+=td; } table.appendChild(tr); } document.body.insertBefore(table,document.getElementsByTagName("script")[0]); } //棋子初始化 functionpieceInit(){ vartable=document.createElement("table"); table.className="piece" table.style="position:absolute;top:0;left:50%;margin-left:-"+(ScreenWidth.containerWidth+42)/2+"px"; for(vary=0;y<20;y++){ vartr=document.createElement("tr"); for(varx=0;x<20;x++){ vartd=""; tr.innerHTML+=td; } table.appendChild(tr); } document.body.insertBefore(table,document.getElementsByTagName("script")[0]); } //走棋 for(vari=0;i=5){ //1.竖赢yCanWin for(vari=0;i

更多有趣的经典小游戏实现专题，分享给大家：

C++经典小游戏汇总

python经典小游戏汇总

python俄罗斯方块游戏集合

JavaScript经典游戏玩不停

java经典小游戏汇总

javascript经典小游戏汇总

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

原生JavaScript实现五子棋游戏

热门推荐

随机推荐