JavaScript로 만드는 틱택토 게임

이 게임의 규칙은 모두 알고 계실 것이라고 생각하며, 바로 구현을 시작하겠습니다.

먼저 게임 보드를 <table> 태그를 사용해 만듭니다:

html<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 코드를 추가합니다:

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

테이블의 셀들을 변수로 가져옵니다:

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