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

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

JavaScript

2. Оранжевый блок для поля

HTML
defer – выполнится код после загрузки страницы

3. Оранжевый блок для поля

• СSS

4. Создаем 9 блоков для поля 3х3

• JavaScript
• СSS
Чтобы встали в 1 строку
Чтобы граница была внутри элемента

5. Разные способы избежать ошибки

• window.onload = function(){}
||
defer
Ждет, когда окно загрузится (из HTML defer удаляется)

6. Событие клик

• Отлавливаем клик
Узнаем по какому блоку кликаем

7. Внутри target

8. Рисуем нолики в блоках, по которым кликнули

9. Учимся расставлять Х и 0 в зависимости от четности или не четности хода

10. Оформляем Х и 0

11. Осталось написать функцию для завершения игры

12. Условия победы:

3 по горизонтали.
3 по вертикали
2

13. Вся функция

14. Скрины файлов целиком

15. Скрины файлов целиком

16. Скрины файлов целиком

17. Скрины файлов целиком