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