Ваше первое интерактивное приложение-викторина
Ваше первое интерактивное приложение-викторина
Лекция — это монолог. Викторина — это диалог.
Студенты, которые проверяют себя, запоминают на 50% больше, чем те, кто просто перечитывает материал. В этом уроке вы создадите настоящее, кликабельное приложение-викторину — с вопросом, вариантами ответов, которые подсвечиваются зелёным или красным при нажатии, счётчиком очков и итоговым сообщением. Всё работает в браузере. Никаких фреймворков, никакого бэкенда. Только HTML + немного JavaScript.
Инструкции
Добавьте тег <h1> с названием вашей викторины — какую тему она проверяет?
Подсказка: Попробуйте: `<h1 class="text-3xl font-bold text-white mb-2">Быстрая проверка знаний</h1>`
Добавьте <div class="question"> с текстом вопроса викторины
Добавьте не менее 3 кнопок <button class="answer-btn">. Отметьте правильный ответ атрибутом data-correct="true"
Добавьте <div class="score-counter"> внизу, отображающий «Score: 0» — стартовый JavaScript обновит его автоматически при нажатии на правильный ответ
Ваш код
Опишите, что хотите создать на этом шаге, и я напишу код — затем нажмите «Применить», чтобы вставить его в редактор. Текущий шаг: Добавьте тег <h1> с названием вашей викторины — какую тему она проверяет?