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

Чеклист поездки

Реализуйте чеклист вещей для поездки. На странице задаётся дата поездки и показывается, сколько дней осталось. Вещи разложены по вкладкам (документы, техника, одежда). Данные сохраняйте в localStorage. Вся логика выполняется на клиенте без перезагрузки страницы. Скачать верстку для проекта.

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

  • Блок с датой поездки и количеством дней до выезда.
  • Вещи по категориям, переключение вкладками.
  • Чекбоксы для отметки собранного.
  • Кнопка печати чеклиста.
  • Сохранение состояния в локальном хранилище.

Главная страница

Сверху выводится дата поездки и сколько дней осталось. Ниже — вкладки категорий и список вещей текущей вкладки. У каждого пункта есть чекбокс. Отмеченный пункт перечёркивается.

Дата поездки

Дата поездки хранится в данных (можно задать константой или полем ввода). Сайт считает разницу с сегодняшним днём и показывает число дней. Если поездка сегодня, выводится: «Поездка сегодня!»

Категории-вкладки

Должны быть вкладки, например:

  • Все вещи.
  • Документы (паспорт, билеты, страховка).
  • Техника (зарядка, пауэрбанк, адаптер).
  • Одежда (обувь, куртка).

При выборе вкладки показывается только соответствующий список. На вкладке «Все» — полный чеклист.

Печать

Кнопка «Печать» открывает диалог печати браузера, чтобы можно было взять бумажный список с собой.

Хранение данных

Отметки и дата поездки хранятся в localStorage. При повторном открытии страницы состояние сохраняется.

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