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 코드를 여러분의 환경에 복사하세요.