Тест по JavaScript
Реализуйте тест на знание JavaScript функций.
Продумайте структуру хранения вопросов, вариантов ответов и правильных ответов в коде JavaScript. Создайте массив объектов, где каждый объект содержит вопрос, массив вариантов ответов и индекс правильного ответа. Вручную заполните массив 10-15 вопросами по JavaScript функциям. Все данные должны храниться в коде JavaScript.
Основные возможности проекта
- Список вопросов с вариантами ответов (выбор из нескольких).
- Таймер прохождения теста (ограничение по времени).
- Кнопка для проверки ответов.
- Вывод процента правильных ответов.
- Отображение правильных/неправильных ответов.
- Возможность пройти тест заново.
Страница теста
Тест должен представлять собой список вопросов. Каждый вопрос должен содержать:
- Текст вопроса.
- 4 варианта ответа в виде радиокнопок (выбор одного правильного варианта).
Вопросы должны выводиться в случайном порядке, а варианты ответов к каждому вопросу также должны перемешиваться. На странице отображается таймер обратного отсчета.
Таймер
При начале прохождения теста запускается таймер обратного отсчета. Время на прохождение теста - 90 секунд. Таймер отображается на странице. По истечении времени тест автоматически завершается с отображением результата.
Проверка ответов
В конце теста должна быть кнопка "Проверить ответы". По нажатию на кнопку сайт должен:
- Сравнить выбранные пользователем варианты с правильными ответами из массива.
- Подсчитать количество правильных ответов.
- Вывести процент правильных ответов.
- Выделить зеленым цветом правильные ответы, красным - неправильные.
Прохождение теста заново
После проверки ответов должна появиться кнопка "Пройти тест заново". По нажатию на нее все выбранные варианты сбрасываются, вопросы и варианты ответов перемешиваются, таймер сбрасывается, и пользователь может пройти тест снова.