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