Делаем игру “Кто хочет стать миллионером?“ на 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
392
106
5 months ago 00:58:39 1
Как делали Смуту
5 months ago 00:09:25 1
Сделал СМУТУ ЗА ЧАС из г*вна и палок в Unreal Engine 5
5 months ago 00:10:01 1
«Запад уволен на пенсию» – отныне решать дела Евразии будут Россия и Китай! Большая игра началась!
5 months ago 00:10:05 5
Ненависть девяти в State of Decay 2
5 months ago 00:11:32 1
Мы рождены, чтоб Кафку сделать былью. Соцрейтинг привязывают к банковским счетам в 40 странах
5 months ago 00:00:00 2
30 БОЕВ НА VIDAR | War Thunder | Стрим на заказ от Zombie01m
5 months ago 00:00:00 1
Делаем игру уже 8 лет
5 months ago 00:07:46 1
Как развить гибкость рук? / Растяжка пальцев для игры на гитаре
5 months ago 00:22:16 1
Разреши Вселенной сделать тебе хорошо | Татьяна Мужицкая | TEDxBolshayaSadovayaStreet