34 lines
2.7 KiB
Markdown
34 lines
2.7 KiB
Markdown
---
|
||
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
|
||
```
|