Возможности:
Извлечение данных из NASA API
Storage отдает предпочтение данным в localStorage, а также может получать элементы
Удалить сохраненную карточку избранного из интерфейса и локального хранилища
КОД Гитхаб
HTML
Перед загрузкой картинок появляется загрузчик. Потому что для получения данных из базы данных сервера требуется некоторое время.
Навигация включает в себя кнопку избранного и кнопку «Загрузить больше».
Когда вы нажмете «избранное», обновите данные, полученные из localStorage.
Когда вы нажимаете «загрузить больше», извлекайте больше данных с сервера.
На странице избранного кнопки избранного должны быть скрыты.
Уведомление появляется через 2 секунды после добавления в избранное.
CSS
центрировать загрузчик svg.
фон — это нижний слой элементов навигации.
изображения должны помещаться в контейнер изображений.
кнопка сохранения избранного в фиксированном положении.
Скрытый класс применяется к навигационной кнопке.
Когда экран меньше 800 пикселей, изображения помещаются в .
JAVASCRIPT
Выберите все DOM из html.
Запросите ключ NASA API от APOD.
apiUrl является объектом.
Сначала появляется загрузчик, когда выборка данных заканчивается, пришло время обновить DOM.
если в localStorage есть данные, данные должны быть преобразованы в объект.
обновляйте контейнер изображений при каждом обновлении.
создать DOM в html.
Затем showContent() для переключения навигации и скрытия загрузчика.
зациклить текущий массив результатов, построить DOM и добавить по одному.
При нажатии кнопки сохранения текст и функция должны переключаться
И если авторские права недействительны в результатах, авторские права должны быть пустыми.
Функция saveFavorate(): если itemUrl совпадает с результатом один, а не тот, который уже сохранен, элемент должен быть сохранен в избранном. Затем кнопка сохранения меняется, и на 2 секунды появляется уведомление.
А также установить localStorage.
То же самое, когда функция removeFavorate().
После обновления дома окна должны быть вверху страницы.
если элементы изначально являются результатами, переключите навигацию. И спрятал загрузчик.
загрузить функцию выборки init.