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

Трекер месяц без фастфуда

Реализуйте трекер, в котором пользователь на месяц отказывается от употребления фастфуда и отмечает каждый день без привычки.

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

  • Кнопка для запуска трекера.
  • Список из 30 дат (дней месяца).
  • Ежедневная отметка дня (нажатие на дату).
  • Зачеркивание отмеченных дней.
  • Поздравление при успешном прохождении всех 30 дней.
  • Сброс при пропуске дня (отсчет начинается сначала).
  • Данные хранятся в localStorage.

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

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

  • Кнопка "Начать месяц без фастфуда".
  • Список из 30 дат (дней).
  • Блок с текущим статусом (дней пройдено / осталось).

Запуск трекера

При первом заходе или после сброса пользователь видит кнопку "Начать месяц без фастфуда". При нажатии на кнопку запускается отсчет 30 дней. Список из 30 дат заполняется начиная с текущей даты.

Отметка дня

Пользователь должен ежедневно заходить на сайт и отмечать сегодняшнюю дату нажатием на нее:

  • Если день отмечен - дата зачеркивается и считается успешно пройденной.
  • Каждый день можно отметить только один раз.
  • Отмечать можно только текущий день (нельзя отметить будущие дни).

Список дат

Список из 30 дат отображается в виде сетки или списка. Каждая дата показывает:

  • Число месяца.
  • День недели.
  • Если день зачеркнут - он зеленого цвета с зачеркиванием.
  • Если день не зачеркнут и наступил - красный цвет.
  • Будущие дни - серый цвет (недоступны для отметки).

Успешное прохождение

Как только все 30 дней будут зачеркнуты, трекер считается пройденным. Сайт должен:

  • Вывести поздравление (например, "Поздравляем! Вы успешно прошли месяц без фастфуда! 🎉").
  • Показать красивую картинку или анимацию.
  • Предложить начать заново или поделиться результатом.

Пропуск дня

Если какой-то день был пропущен (не отмечен), трекер считается проваленным:

  • Все текущие отметки сбрасываются.
  • Отсчет начинается сначала (появляется кнопка "Начать заново").

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

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

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

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