Тест по HTML

Реализуйте тест на знание HTML тегов.

Продумайте структуру хранения вопросов и ответов в коде JavaScript. Создайте массив объектов, где каждый объект содержит вопрос и правильный ответ. Вручную заполните массив 10-15 вопросами по HTML тегам. Все данные должны храниться в коде JavaScript.

Основные возможности проекта

• Список вопросов с инпутами для ответов.
• Кнопка для проверки ответов.
• Вывод процента правильных ответов.
• Отображение правильных/неправильных ответов.
• Возможность пройти тест заново.

Страница теста

Тест должен представлять собой список вопросов. Под каждым вопросом должно находиться поле ввода (инпут) для ответа пользователя. Вопросы должны выводиться в случайном порядке.

Проверка ответов

В конце теста должна быть кнопка "Проверить ответы". По нажатию на кнопку сайт должен:

• Сравнить ответы пользователя с правильными ответами из массива (без учета регистра).
• Подсчитать количество правильных ответов.
• Вывести процент правильных ответов.
• Выделить зеленым цветом правильные ответы, красным - неправильные.

Прохождение теста заново

После проверки ответов должна появиться кнопка "Пройти тест заново". По нажатию на нее все поля ввода очищаются, вопросы перемешиваются, и пользователь может пройти тест снова.