html双人对战源码,双人对战五子棋游戏 综合运用HTML、CSS、JavaScript实现

双人对战五子棋游戏 综合运用HTML、CSS、JavaScript实现

五子棋的规则：

1、页面上有棋盘(15 * 15)，分为黑棋和白棋，黑棋先行

2、横向、纵向、斜向，只要有5个连成直线的同色棋子，就算赢

思路：获取当前落子棋子的坐标和颜色，寻找其周围横向、纵向、斜向是否能形成5个连续的同色子

下载链接：点击下载

演示站点：点击打开

演示图片：

程序源码：

双人五子棋对战 - temptation

table {

border: 1px solid black;

border-collapse: collapse;

background-color: burlywood;

}

td {

border: 1px solid black;

width: 40px;

height: 40px;

}

// 需求：综合运用HTML、CSS、JavaScript，在页面中实现《两人对战五子棋》游戏

// 五子棋的规则：

// 1、页面上有棋盘(15 * 15)，分为黑棋和白棋，黑棋先行

// 2、横向、纵向、斜向，只要有5个连成直线的同色棋子&