Крестики-нолики презентация

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

Слайд 1Крестики-нолики
JavaScript


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


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


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

граница была внутри элемента

СSS


Слайд 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Скрины файлов целиком


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика