Таймер до отпуска

Реализуйте таймер, который отсчитывает время, оставшееся до отпуска. Проект включает в себя установку даты начала отпуска, обратный отсчет дней, часов и минут, пожелание в день отпуска. Продумайте структуру хранения данных и реализацию логики в коде JavaScript. Вся логика должна выполняться на клиенте без перезагрузки страницы. Скачать верстку для проекта.

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

Форма для ввода даты начала отпуска.
Сохранение даты в localStorage.
Обратный отсчет дней, часов и минут до отпуска.
Пожелание хорошо провести отпуск в день начала.
Возможность редактировать дату.

Установка даты отпуска

При первом заходе на сайт появляется форма с полем для ввода даты начала отпуска (инпут date) и кнопкой "Сохранить". После сохранения дата записывается в localStorage и начинается обратный отсчет.

Таймер

Таймер ведет обратный отсчет до даты начала отпуска. Отображаются:

Дни.
Часы.
Минуты.

Отсчет обновляется в реальном времени (каждую секунду).

Пожелание в день отпуска

Когда наступает дата начала отпуска (текущая дата совпадает с сохраненной датой), таймер останавливается и сайт показывает поздравление с пожеланием хорошо провести отпуск и красивую картинку (пляж, море, пальмы и т.д.).

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

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

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

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

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

Показ количества рабочих дней до отпуска.
Тематическое оформление страницы в день отпуска.