Free weather api javascript

    how to use weather api in javascript
    how to use open weather api in javascript
    how to use weather api in react js
    weather api in javascript
  • How to use weather api in javascript

    • Shecodes weather api

  • Shecodes weather api
  • Rest countries and weather using fetch api
  • How to make weather app using javascript
  • Choosing city on weather app with api using addeventlistener javascript
  • Weather dashboard javascript

    • How to make weather app using javascript.

    Using Weather API with JavaScript;

    A simple weather app is something everyone should try making as it make us familiar with basics of API handling.

    The Layout

    So first what we have to create is a layout in which there will be a search box where city name can be entered and a card kind of thing where output can be shown.

    The Card can contain City name, temperature, etc..

    Will talk it about in API Section

    Design the cards and input as per your creativity.

    The API we are using

    For this weather app we will be using OpenWeatherMap/API as it's free and easy to use.

    To Start using it you should have an API key so first register yourself on this website and get the keys.

    Click Here to get The API Key after signing up

    • eventlistner to Form and get the text input value

    • Now we will create a function through which we will pass this city name and it will get the data from API and update the DOM

    • using XHR in JS is simple just add

    const xhr = new XMLHttpRequest(); xhr.open('GET',url); xhr.send(); xhr.onload = () =>{ // we can change the data type to json a

      how to use weather api
      how to add weather api in javascript