JavaScriptによる三目並べゲーム

このゲームのルールは皆さんご存知だと思いますので、さっそく実装に移りましょう。

まず、<table>タグを使ってゲームボードを作成します。

<table id="field">
	<tr>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
	</tr>
</table>

次に、見た目を整えるためのCSSコードを追加します。

#field td {
	width: 50px;
	height: 50px;
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
}

テーブルのセルを変数に取得します。

let cells = document.querySelectorAll('#field td');

上記のHTML、CSS、JavaScriptコードを自身の環境にコピーしてください。