JavaScript project – weather app

結果展示

---

 

 

 

學習重點

• enter location
• get weather api
• weather data source.json
• have some icons?

---

程式碼

HTML

See the Pen
JavaScript project – weather app using openweather api + key by G-Dee (@G-Dee)
on CodePen.

CSS

See the Pen
JavaScript project – weather app using openweather api + key by G-Dee (@G-Dee)
on CodePen.

JS

See the Pen
JavaScript project – weather app using openweather api + key by G-Dee (@G-Dee)
on CodePen.

---

參考資料：

參考教學影片

UI設計

Openweather – weather api source

Weather icons