Skip to content

Latest commit

 

History

History
29 lines (20 loc) · 1.28 KB

File metadata and controls

29 lines (20 loc) · 1.28 KB

API Project steps

step 1: Select DOM Elements

  • Select DOM elements for displaying weather information using appropriate query selectors.

step 2: Fetch Weather Data

  • Define a function to fetch weather data from the OpenWeatherMap API using fetch API.
  • Extract relevant data from the API response such as temperature , humidity, wing speed, etc.

step 3: Review API Data

-Review the structure of the API response to understand the data available for display.

step 4: Display City Name

-Display the city name along with its country code using the provided API data.

step 5: Format Date and Time

  • Format the timestamp provided by the API into a human-readable data and time format.

step 6: Display Additional weather Details

  • Display additional weather details such as temperature, minimum and maximum temperature, feels like temperature, humidity, wind speed, and

step 7: Handle city search

  • Implement functionality to allow users to search for weather information of different cities.
  • Add event listener to handle city search input and trigger the weather data fetching function accordingly.

step 8: Add styling(optional)

  • Apply css styling to the weather display elements to improve the visual presentation of weather information.

step 9: Error Handling(optional)