Игра крестики-нолики на 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 коды.