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

Астрономические события

Реализуйте сайт, выводящий календарь астрономических событий на текущий год. Продумайте структуру хранения данных о событиях в формате JSON. Каждый объект события должен содержать дату, название и краткое описание. Вручную заполните массив объектов 10-15 событиями на текущий год (солнечные и лунные затмения, метеорные потоки, полнолуния и т.д.). Все данные должны храниться в коде JavaScript. Скачать верстку для проекта.

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

  • Ближайшее астрономическое событие с обратным отсчетом (количество дней).
  • Таблица астрономических событий на текущий год.
  • Визуальное выделение прошедших, текущих и предстоящих событий.
  • Данные хранятся в формате JSON.

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

На странице должна отображаться текущая дата. Сайт должен выводить ближайшее предстоящее событие и сколько дней осталось до него. Блок ближайшего события должен содержать:

  • Название события.
  • Дата события.
  • Количество дней до события.

Ниже должна выводиться таблица астрономических событий на текущий год. Данные о событиях должны храниться в виде массива объектов в формате JSON. В таблице должны быть следующие колонки:

  • Дата события.
  • Название события.
  • Краткое описание события.
  • Сколько дней осталось до события.

Выделение событий

Разными стилями нужно выделить события:

  • Прошедшие события (которые уже были) - выделяются серым цветом.
  • Событие в текущий день (дата события совпадает с сегодняшней) - выделяется отдельным стилем.
  • Предстоящие события (которые еще будут) - выделяются зеленым или цветным фоном.

Сравнение дат происходит с текущей датой. Если дата события меньше текущей - событие прошедшее, если равна - текущее, если больше - предстоящее. Для прошедших событий в колонке дней выводится прочерк.

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

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