Тест по CSS

Реализуйте сайт с тестом на знание CSS свойств.

Продумайте структуру базы данных для хранения вопросов, вариантов ответов и правильных ответов. Затем вручную вбейте в базу 10-15 вопросов по CSS свойствам (например, "Какое свойство задает цвет текста?", "Какое свойство управляет отступом внутри элемента?" и т.д.). Все данные должны храниться в базе данных и выводиться на странице теста.

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

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

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

Тест должен представлять собой список вопросов. Каждый вопрос должен содержать:

• Текст вопроса.
• 4 варианта ответа в виде радиокнопок (выбор одного правильного варианта).

Вопросы должны выводиться в случайном порядке, а варианты ответов к каждому вопросу также должны перемешиваться.

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

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

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

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

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