РЕПЕТИТОР математика физика информатика
Для школьников и студентов. Подтягивание пробелов. ЦЭ, ЦТ, ОГЭ, ЕГЭ.
Идет набор на ЛЕТО. Жмите для подробностей:)
72 of 126 menu

Тест по HTML

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

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

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

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

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

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

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

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

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

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

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

Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить