Лунные затмения
Реализуйте сайт, выводящий ближайшие даты, в которых случится лунное затмение.
Продумайте структуру хранения данных о лунных затмениях в формате JSON. Каждый объект должен содержать дату, тип затмения и время максимальной фазы. Вручную заполните массив объектов 5-8 затмениями на текущий год (полные, частные, полутеневые). Все данные должны храниться в коде JavaScript.
Основные возможности проекта
- Ближайшая дата лунного затмения с обратным отсчетом (количество дней).
- Таблица лунных затмений на текущий год.
- Визуальное выделение прошедших и предстоящих затмений.
- Данные хранятся в формате JSON.
Главная страница
Сайт должен выводить ближайшую дату лунного затмения и сколько дней осталось до этой даты. Блок с ближайшим затмением должен содержать:
- Дата ближайшего лунного затмения.
- Количество дней до ближайшего затмения.
- Тип затмения (полное, частное, полутеневое).
Если лунное затмение сегодня, должно выводиться сообщение: "Сегодня лунное затмение!".
Таблица лунных затмений
Ниже блока с ближайшим затмением должна выводиться таблица всех лунных затмений на текущий год с колонками:
- Дата затмения.
- Тип затмения (полное, частное, полутеневое).
Разными стилями нужно выделить даты затмений:
- Прошедшие затмения (которые уже были) - выделяются серым цветом.
- Предстоящие затмения (которые еще будут) - выделяются красным или оранжевым цветом.
Дополнительные возможности
- Переключение между годами (просмотр затмений за другие годы).
- Отображение времени максимальной фазы затмения.