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

Органайзер на неделю

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

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

  • 7 блоков дней недели с названиями дней.
  • Список дел в каждом дне в виде чеклиста.
  • Добавление, редактирование, удаление дел.
  • Отметка дел выполненными.
  • Выделение текущего дня отдельным стилем.
  • Переключение недель вперед и назад.
  • Данные хранятся в localStorage.

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

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

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

Блоки дней

Каждый блок дня должен содержать:

  • Название дня недели.
  • Дату (число и месяц).
  • Список дел на этот день (чеклист).
  • Кнопку "Добавить дело".

Блок текущего дня выделен отдельным стилем (цветной фон, рамка).

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

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

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

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

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

В каждом блоке при нажатии на кнопку "Добавить дело" появляется поле для ввода текста дела. После ввода и нажатия Enter или кнопки "Сохранить" новое дело добавляется в конец списка текущего дня.

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

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

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

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

Отметка дела выполненным

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

Переключение недель

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

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

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

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

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