Таймер до конца рабочего дня

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

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

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

Установка времени

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

Таймер

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

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

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

Звуковой сигнал

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

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

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

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

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

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

Отображение процента оставшегося времени (прогресс-бар).
Уведомление о скором окончании рабочего дня.