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