Флуд и обсуждение Unit
Задание - написать приложение, для получения текущего состояния погоды. Используем openweathermap.
Ограничения и уточнения
Поскольку мы используем только JS без баз данных и бекенда, то есть вещи, которые мы не можем сделать нативно. Например подключать файлы ( со списком городов) и т.д.
User story
Пользователь заходит на сайт ( страницу) и получает погоду города по умолчанию (геопозиционирование не применяем). Пользователь выбирает город из выпадающего списка - и получает текущую погоду.
Создаем html файл
Согласно User story у нас html должен содержать минимум два элемента:
Продолжение задания смотрите в FAQ.
Требования: задание выполнено в шаблоне, запускается без ошибок.
На странице присутствует select, с выпадающим списком городов (3-5 городов).
При загрузке страницы выводится погода выбранного города.
При смене города - происходит запрос по API, и изменяется выводимая погода. Задача также принимается если выполнение запроса реализовано по кнопке.
Имя выбранного города выводится в блоке вывода погоды....
Задачи доступны после покупки курса
Выводится температура в градусах Цельсия.
...Задачи доступны после покупки курса
Выводится иконка погоды.
...Задачи доступны после покупки курса
Выводится общее описание погоды (description).
...Задачи доступны после покупки курса
Выводится направление ветра.
...Задачи доступны после покупки курса
Выводится скорость ветра.
...Задачи доступны после покупки курса
Выводится давление (единицы на выбор).
...Задачи доступны после покупки курса
При смене города - предыдущий вывод исчезает -...
Задачи доступны после покупки курса
Fetch в коде применяется один раз.
...Задачи доступны после покупки курса
В коде реализованa функция showWeather, которая отвечает за...
Задачи доступны после покупки курса
В коде реализована функция getWeather, которая получает данные...
Задачи доступны после покупки курса
При выполнении кода не появляется ошибок в консоли.
...Задачи доступны после покупки курса
Добавлено оформление.
...Задачи доступны после покупки курса
Код отформатирован, в коде установлены оступы, отбивки.
...Задачи доступны после покупки курса
Список select формируется c помощью JS и вставляется...
Задачи доступны после покупки курса
Наполнение select формируется с помощью JS.
...Задачи доступны после покупки курса
