Используйте все, что мы узнали, для создания сайта с прогнозом погоды. Используйте API из предыдущих уроков. Должна быть возможность указать местоположение и переключать отображение данных в градусах Фаренгейта или Цельсия.
Также изменяйте внешний вид страницы на основе данных (например, изменив цвет фона или добавив изображения, которые описывают погоду. Вы даже можете использовать API Giphy, чтобы найти подходящие изображения, связанные с погодой.). Не стесняйтесь использовать promise или async/await в своем коде (попробуйте использовать оба варианта).
- Создайте пустой HTML-документ с ссылками на ваши файлы JavaScript и CSS.
- Напишите функции, которые работают с API. Вам понадобятся функции, которые возвращают погоду для указанного местоположения. Пока выводите информацию с помощью
console.log(); - Напишите функции, которые обрабатывают данные JSON, полученные от API. Верните объект, содержащий только те данные, которые требуются для вашего приложения;
- Создайте простую форму, которая позволит пользователям вводить свое местоположение и получать информацию о погоде (все еще с помощью
console.log()); - Выведите информацию на вашей веб-странице!
- Добавьте стили на ваше усмотрение!
- Необязательно: добавьте загрузчик (иконка загрузки), который отображается с момента отправки формы до момента загрузки информации из API;
- Выложите решение на GitHub и поделитесь им с нами!