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

Слайд 2

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

HTML

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

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

Слайд 3

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

СSS

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

Слайд 4

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

JavaScript

Чтобы встали в 1 строку

Чтобы граница

Создаем 9 блоков для поля 3х3 JavaScript Чтобы встали в 1 строку
была внутри элемента

СSS

Слайд 5

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

window.onload = function(){}   ||  defer

Ждет, когда окно загрузится (из

Разные способы избежать ошибки window.onload = function(){} || defer Ждет, когда окно
HTML defer удаляется)

Слайд 6

Событие клик

Отлавливаем клик

Узнаем по какому блоку кликаем

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

Слайд 7

Внутри target

Внутри target

Слайд 8

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

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

Слайд 9

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

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

Слайд 10

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

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

Слайд 11

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

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

Слайд 12

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

3 по горизонтали.

3 по вертикали

2

Условия победы: 3 по горизонтали. 3 по вертикали 2

Слайд 13

Вся функция

Вся функция

Слайд 14

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

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

Слайд 15

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

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

Слайд 16

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

Скрины файлов целиком
Имя файла: Крестики-нолики.pptx
Количество просмотров: 52
Количество скачиваний: 0