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

Органайзер по дням

Реализуйте органайзер, с помощью которого можно планировать дела по дням.

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

  • Список дел на текущий день в виде чеклиста.
  • Переключение между днями (стрелки "вперед/назад").
  • Добавление дел.
  • Редактирование дел.
  • Отметка дел выполненными (чекбокс).
  • Удаление дел.
  • Данные хранятся в localStorage.

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

На странице должны быть размещены:

  • Заголовок с текущей датой (день, месяц, год).
  • Стрелки навигации: "◄" (предыдущий день) и "►" (следующий день).
  • Список дел на выбранную дату (чеклист).
  • Форма для добавления нового дела.

Навигация по дням

По умолчанию открывается текущий день. При нажатии на стрелку "►" дата сдвигается на один день вперед, при нажатии на "◄" - на один день назад. Заголовок с датой обновляется соответственно. Список дел загружается для выбранной даты.

Список дел (чеклист)

Список дел отображается в виде чеклиста. Каждое дело должно содержать:

  • Чекбокс для отметки выполненным.
  • Текст дела (название).
  • Кнопки: редактировать, удалить.

При отметке чекбокса дело меняет стиль (перечеркивается, становится серым).

Добавление дела

Форма добавления дела должна содержать:

  • Поле для ввода текста дела (инпут).
  • Кнопку "Добавить дело".

При нажатии на кнопку новое дело добавляется в конец списка на текущий день.

Редактирование дела

При нажатии на кнопку "Редактировать" текст дела становится редактируемым (заменяется на инпут с текущим текстом). После нажатия Enter или потери фокуса текст обновляется.

Удаление дела

При нажатии на кнопку "Удалить" появляется подтверждение (confirm), после чего дело удаляется из списка.

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

Все дела для всех дней должны храниться в локальном хранилище браузера (localStorage). Ключом для хранения является дата в формате "YYYY-MM-DD". При загрузке страницы данные загружаются из хранилища, при изменении - сохраняются обратно.

Дополнительные возможности

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