Muhammad-MO / WeatherApp

Get different weather conditions from different cities

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

h1> About this Project

This Project is a Weather App enabling the user to type in the ......

Demo

User starts off by keying in a city whose weather they want to find out

picture

The WeatheApp retrievs the weather for that city which was keyed in

picture

Languages used in this Weather app

  1. HTML
  2. CSS
  3. Javascript

Key Learning Points

  1. Using Fetch to call API to retrieve weather data of different cities
  2. The usage of document.querySelector to return a first element that matches a specified CSS selector. In this case I am using it to return the following elements to be displayed like 'city', 'description', 'icon', 'temperature' etc.
  3. Using addEventListener to enable the program to execute the weather function and retrieve the API data upon "hearing" of the click or Enter buttton.

About

Get different weather conditions from different cities


Languages

Language:Dockerfile 47.5%Language:HTML 20.7%Language:JavaScript 18.1%Language:CSS 13.7%