Практический урок по написанию проекта квиз на JavaScript. В этом уроке напишем анкету опросник на JavaScript по готовой верстке. Материалы ВебКадеми на всех площадках:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" От установки редактора, до публикации в сети. 👉 Получить уроки, конспекты, макет и код из уроков:
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Мои авторские курсы: 💻 Профессия HTML верстальщик Для начинающих. Курс по созданию и верстке сайтов. 👉
💻 Курс "Frontend разработчик. JavaScript + React" Станьте frontend разработчиком за 3 месяца. 👉
💻 Курс "Разработка сайтов на PHP + MySQL" Сможете создавать сайты с любым функционалом. 👉
🏁 Обучение с нуля 💁♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💈 Сайт ВебКадеми:
💈 Группа Вконтакте:
https://vk.com/webcademy 💈 Telegram канал:
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Тайм-коды и код к уроку :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Стартовый код к уроку в Telegram канале:
00:00 Демо проекта 00:52 Курс по JavaScript 02:01 Блок схема проекта 11:41 Основы по JS 12:12 Знакомство с версткой проекта 16:32 Начинаем писать JS код 23:20 Отображение вопроса. Функция showQuestion 35:55 Отображение вариантов ответов. 42:21 Проверка ответа пользователя. Функция checkAnswer 48:29 Проверка на ответ пользователя 51:25 Получение варианта ответа пользователя 53:10 Доработка шаблона с ответами. Функция showQuestion 01:02:20 Получение ответа пользователя внутри checkAnswer 01:05:15 Проверка верности ответа пользователя 01:09:34 Проверка на количество вопросов 01:15:55 Результаты викторины. Функция showResults
