前段时间发的飞机大战的游戏很多小伙伴都私聊让再做个游戏,今天小猿圈web前端讲师为大家分享的是JS五子棋的游戏,想玩的小伙伴记得自己运行一下呦。
JS五子棋游戏代码:
五子棋canvas {
display: block;
margin: 50px auto;
box-shadow: -2px -2px 2px #EFEFEF, 5px 5px 5px #B9B9B9;
cursor: pointer;
}
#btn-wrap {
display: flex;
flex-direction: row;
justify-content: center;
}
#btn-wrap div {
margin: 0 10px;
}
div>span {
display: inline-block;
padding: 10px 20px;
color: #FFFFFF;
background-color: #EE82EE;
border-radius: 5px;
cursor: pointer;
}
div.unable span {
background: #D6D6D4;
color: #ADACAA;
}
#result-wrap {
text-align: center;
}
三人行慕课(www.3mooc.com)——五子棋
重新开始
悔棋
撤销悔棋
以上就是JS五子棋游戏的代码,如果有什么问题可以留言给小猿圈web前端讲师,遇到的问题可以直接私聊或者提问,看到会尽快帮大家解决的。
![a5f594be35fac54944ae6f4984ff43c0.png](https://i-blog.csdnimg.cn/blog_migrate/2ac753587a160c506c82bba7fea081d2.jpeg)