Делаем игру “Кто хочет стать миллионером?“ на Javascript. Урок HTML/CSS/JS
Покажу как сделать игру-викторину “Кто хочет стать миллионером?“ на Javascript. Игра-викторина с 4 вариантами ответов. При нажатии на вариант ответа будет анимация мигания, а затем правильный ответ будет подсвечен зеленым цветом. При неправильном ответе игра завершается. Нужно ответить на 5 вопросов викторины.
Ссылка на код:
TG: @frontend_corner
0:00 Введение
0:22 Показываю “геймплей“
1:30 Пишем HTML-код для экрана главного меню
2:23 Пишем стили для экрана главного меню
7:19 Пишем HTML-код для экрана викторины
9:01 Пишем стили для экрана викторины
10:43 Пишем HTML-код для экрана проигрыша и выигрыша
12:28 Начинаем писать JS-код
17:55 Пишем функцию начала новой игры
18:03 Пишем функцию перехода на разные экраны
18:44 Пишем функцию перехода на разные вопросы викторины
21:36 Пишем функцию заполнения вариантов ответов
23:44 Пишем функцию обновления заработанных очков на экране
25:27 Пишем функцию-обработчик на клик по варианту ответа
26:44 Пишем функцию для подсветки варианта ответа при нажатии
27:33 Пишем простую CSS-анимацию мигания варианта ответа
28:55 Пишем вспомогательную функцию таймаута
29:54 Пишем функцию очищения классов у элемента
30:57 Пишем логику проверки правильности ответов
35:55 Краткое резюме по коду, что сделали за урок
Подписывайтесь на канал, обучаю фронтенду просто. Готовится много новых уроков :)
Права на фоновую музыку:
Rainbow Falls by Purrple Cat |
Music promoted by
Creative Commons / Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
1 view
492
140
1 month ago 00:34:58 1
Новый похабный мир неизбежен (Андрей Девятов)
1 month ago 01:43:59 1
Silent Hill / Сайлент Хилл (Sega Mega Drive)
2 months ago 00:01:22 1
Фиксики - Фикси-советы. Как беречь электроэнергию
2 months ago 00:08:45 1
Трамп и победа на выборах США. К чему нам готовиться ?
2 months ago 06:21:28 1
Vlogger Go Viral: Симулятор Ютубера. Я Блогер 🎥
2 months ago 00:28:04 1
Я ПОИГРАЛ В DRAGON AGE: THE VEILGUARD И МНЕ БОЛЬНО
2 months ago 00:01:00 4
Прыгун стал лучшим другом Эйдена - Dying Light 2
2 months ago 00:01:07 1
ЛЕНИН - АНТИХРИСТ! Гениальный теоретик и практик международного терроризма начала XX века.
2 months ago 00:01:38 1
Я убиваю водителя автобуса (или во что веришь ты?)
2 months ago 01:23:29 9
flamie о карьере в NAVI, игре с s1mple, таланте молодых игроков | RightClick #4
2 months ago 00:44:46 1
Айсберг The Neverhood (ft. Zodli)
2 months ago 01:41:03 1
Передел СМУТЫ / Dragon Age даром / Дата Squadron 42 / Конец Killzone / WoW изменился / Провал Intel
2 months ago 00:07:18 1
Азбука безопасности - Пожарная безопасность - Все серии | Смешарики 2D. Обучающие мультфильмы
2 months ago 00:01:53 1
Path of Exile 2 Delayed Three Weeks
2 months ago 00:37:00 1
▼ ЕДУ В ТИХОСРАНСК 💪
2 months ago 00:10:02 3
Татьяна Поль: Секреты общения с ребенком. Практические шаги к тому, чтобы ребенок понимал и доверял
2 months ago 00:28:32 1
БАТРАКОВ УНИЧТОЖАЕТ ЛИГУ | ВЫСТОЯЛИ В САНКТ-ПЕТЕРБУРГЕ | ГАЛАКТИОНОВ ВСЁ СДЕЛАЛ ПРАВИЛЬНО
2 months ago 00:00:00 1
СТРИМ 16+ по Dead by Daylight №93 ▶ НОЧНОЙ СТРИМЧИК / ЗАЛЕТАЕМ!!! / EVILLANG
2 months ago 00:02:34 1
Почему ребенок не понимает обращенную речь? || #нейроспектр
2 months ago 00:59:24 27
Илья Макаров, Эмир Кашоков, Никита Никитин и Турал Натурал | Шутки на стол | Игровое стендап шоу
2 months ago 01:54:42 1
СТРИМ 16+ по 7 Days to Die №20 ▶ НОЧНОЙ СТРИМЧИК / АКТИВНОЕ ОБЩЕНИЕ / EVILLANG
2 months ago 00:21:51 1
Коктейли в бутылках для вечеринки: Голубая лагуна, Лонг Айленд, Энзони