Делаем игру “Кто хочет стать миллионером?“ на 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)
Back to Top