Чеклист поездки
Реализуйте чеклист вещей для поездки. На странице задаётся дата поездки и показывается, сколько дней осталось. Вещи разложены по вкладкам (документы, техника, одежда). Данные сохраняйте в localStorage. Вся логика выполняется на клиенте без перезагрузки страницы. Скачать верстку для проекта.
Основные возможности проекта
- Блок с датой поездки и количеством дней до выезда.
- Вещи по категориям, переключение вкладками.
- Чекбоксы для отметки собранного.
- Кнопка печати чеклиста.
- Сохранение состояния в локальном хранилище.
Главная страница
Сверху выводится дата поездки и сколько дней осталось. Ниже — вкладки категорий и список вещей текущей вкладки. У каждого пункта есть чекбокс. Отмеченный пункт перечёркивается.
Дата поездки
Дата поездки хранится в данных (можно задать константой или полем ввода). Сайт считает разницу с сегодняшним днём и показывает число дней. Если поездка сегодня, выводится: «Поездка сегодня!»
Категории-вкладки
Должны быть вкладки, например:
- Все вещи.
- Документы (паспорт, билеты, страховка).
- Техника (зарядка, пауэрбанк, адаптер).
- Одежда (обувь, куртка).
При выборе вкладки показывается только соответствующий список. На вкладке «Все» — полный чеклист.
Печать
Кнопка «Печать» открывает диалог печати браузера, чтобы можно было взять бумажный список с собой.
Хранение данных
Отметки и дата поездки хранятся в localStorage. При повторном открытии страницы состояние сохраняется.