Тренажер JavaScript
Реализуйте тренажер для заучивания JavaScript методов и функций.
Продумайте структуру хранения вопросов в коде JavaScript. Создайте массив объектов, где каждый объект содержит описание функции, правильное название функции и категорию. Вручную заполните массив 20-30 вопросами по JavaScript методам и функциям разных категорий. Все данные должны храниться в коде JavaScript.
Основные возможности проекта
- Вывод описания JavaScript функции.
- Инпут для ввода названия функции.
- Проверка ответа с выводом сообщения об ошибке.
- Вопросы в случайном порядке.
- Обратный отсчет времени на прохождение.
- Выбор категории вопросов.
- Запоминание выученных вопросов в localStorage.
- Кнопка сброса прогресса.
Главная страница
На странице должны быть размещены:
- Выбор категории (выпадающий список).
- Описание JavaScript функции.
- Инпут для ввода названия функции.
- Кнопка "Проверить".
- Таймер обратного отсчета.
- Прогресс (сколько вопросов пройдено из общего количества).
Категории
Пользователь может выбрать категорию вопросов:
- Математические функции (Math).
- Строковые методы (String).
- Работа с массивами (Array).
- Объекты (Object).
- Работа с датами (Date).
- Все категории.
Вопросы
Вопросы выводятся в случайном порядке. При правильном ответе вопрос считается выученным и сохраняется в localStorage. При следующем запуске выученные вопросы не показываются. Если ответ неправильный, выводится сообщение об ошибке, и пользователь может попробовать снова.
Таймер
При начале прохождения запускается таймер обратного отсчета. Время на прохождение - 90 секунд. Таймер отображается на странице. По истечении времени, если пользователь не успел ответить на все вопросы, тренажер считается проваленным и предлагает начать заново.
Запоминание выученных вопросов
Выученные вопросы сохраняются в локальном хранилище браузера (localStorage). При повторном запуске эти вопросы исключаются из списка.
Сброс прогресса
На странице должна быть кнопка "Сбросить прогресс". При нажатии на нее все сохраненные выученные вопросы очищаются с подтверждением действия.
Завершение
Когда все вопросы в выбранной категории пройдены правильно, тренажер поздравляет пользователя и предлагает пройти заново.
Дополнительные возможности
- Подсказка (первая буква метода/функции).
- Количество правильных и неправильных ответов.