Практика #7

Крестики-нолики

Дано

• Полностью готовые HTML  и CSS
• Реализованы функции
  • Отрисовка игрового поля заданного размера
  • Установка символа в клетку
  • Вся работа с DOM уже реализована
• Заготовки функций
  • Обработчик клика на клетку
  • Обработчик клика на кнопку "Сначала"

Задача

Дописать код, чтобы можно было полноценно играть

План реализации

• Подумай над хранением игрового поля, чтобы понимать где крестик, а где нолик и в дальнейшем выявлять победителя
• Допиши функцию cellClickHandler, чтобы после клика ставился крестик или нолик в соответствующее поле
• Если поле, по которому кликнули, не пустое, символ ставиться не должен
• Если кончились ходы, выведи alert с текстом "Победила дружба"

Реализация: Часть #2

• Добавить функцию, которая выявляет победителя. Если победитель есть, то вывести alert с указанием победителя
• Победные значения покрасить в красный
• Обрабатывай клик по кнопке "Сначала": допиши метод resetClickHandler, чтобы поле очищалось
• Сделай так, чтобы можно было в начале игры задавать поле произвольного размера (prompt)
• Напиши "искусственный интеллект" — функцию, которая будет ставить нолики в случайное пустое поле