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