АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
⊗jsPrTTTTF 41 of 62 menu
Вышло новое интервью! Интервью дают мои ученики, которые уже устроились на работу в IT:) Жми, чтобы прочитать!

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

enru