Время городов

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

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

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

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

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

Форма для добавления города (выпадающий список с городами и кнопка "Добавить").
Список городов с часами.

Часы для города

Для каждого добавленного города отображаются часы, показывающие текущее время в этом городе. Часы должны "тикать" - обновляться каждую секунду. Время для города рассчитывается с учетом часового пояса (смещение относительно UTC).

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

Пользователь выбирает город из выпадающего списка и нажимает кнопку "Добавить". Город добавляется в список. Если город уже есть в списке, выводится сообщение об ошибке.

Удаление города

У каждого города в списке должна быть кнопка "Удалить". При нажатии на нее город удаляется из списка.

Список городов и часовые пояса

Список доступных городов с их часовыми поясами хранится в коде JavaScript:

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

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

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

Отображение даты вместе со временем.
Возможность изменить формат времени (12-часовой или 24-часовой).