---
id: bd7158d8c442eddfaeb5bd10
title: Показати місцеву погоду
challengeType: 3
forumTopicId: 302368
dashedName: show-the-local-weather
---

# --description--

**Мета:** Створити [CodePen.io](https://codepen.io) додаток, який функціонально схожий на цей: <https://codepen.io/freeCodeCamp/full/bELRjV>.

**Правило #1:** Не дивіться на приклад коду проєкту. Визначте його самі.

**Правило #2:** Виконайте відповідно наведені нижче [історії користувача](https://en.wikipedia.org/wiki/User_story). Використовуйте будь-які потрібні вам бібліотеки чи API (прикладні програмні інтерфейси). Проявіть при цьому свій власний стиль.

**Історія користувача:** Я можу побачити погоду у своєму поточному місцеперебуванні.

**User Story:** Я можу бачити іншу піктограму або інше фонове зображення (наприклад, засніжена гора, спекотна пустеля) залежно від погоди.

**Історія користувача:** Я можу натиснути кнопку для перемикання між Фаренгейтом та Цельсієм.

**Примітка:** Тепер багато інтернет-браузерів вимагають безпечне HTTP з'єднання (`https://`), щоб отримати місцеперебування користувача через геолокацію HTML5. Через це ми рекомендуємо використовувати геолокацію HTML5 для того, щоб отримати локацію користувача, а потім використовувати freeCodeCam API погоди <https://weather-proxy.freecodecamp.rocks/>, який використовує безпечне з'єднання HTTP для погоди. Крім цього, упевніться, що з'єднання з [CodePen.io](https://codepen.io) відбувається через `https://`.

Після завершення додайте посилання на ваш проєкт на CodePen та натисніть на кнопку "Завдання виконано".

Ви можете отримати відгук про ваш проєкт, поділившись ним на форумі freeCodeCamp [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).

# --solutions--

```js
// solution required
```