Веб-квиз — интерактивная страница с вопросами и вариантами ответов. Это фронтенд к проекту «Мини-проект: Квиз с рейтингом» из курса Python. После практики DOM объединяем выбор элементов, создание блоков, массивы и условия. Вся логика работает в браузере на JavaScript.
Создать веб-страницу квиза, которая:
onclick или addEventListener)const questions = [
{ question: "Столица России?", options: ["Москва", "Питер", "Казань"], correctIndex: 0 },
{ question: "2 + 2?", options: ["3", "4", "5"], correctIndex: 1 }
];Мы создали веб-квиз — интерактивное приложение в браузере. На следующем уроке — функции в JavaScript.
questions[currentIndex] может быть undefined после последнего вопроса.Добавь ещё 5–10 вопросов. Категории: математика, география, программирование.
Показывай номер вопроса (Вопрос 1 из 10) и прогресс-бар (полоска заполнения).
При неверном ответе подсвечивай красным выбранный вариант и зелёным правильный. Через 1–2 секунды — следующий вопрос.
В конце — таблица лидеров (локально в массиве). Сохраняй имя и счёт. Показывай топ-5.
Кнопка «Начать заново». Сбрасывает счёт и возвращает к первому вопросу.
Разные баллы за сложность (лёгкий — 1, средний — 2, сложный — 3). Добавь поле difficulty к вопросам.
Сохранение рейтинга в localStorage (см. урок «localStorage и JSON»). При загрузке — показывать сохранённый топ.