Weather-application-using-html-css-and-javascript

This is a simple weather application using HTML, CSS, and JS.Link to my website Click here.API key is required to work this weather app.

Create three Files: HTML, CSS & JavaScript File. After creating these files just write the codes to your file.Remember,for Java script you have to pass your API key in the API URL otherwise this weather app won’t work and it returns “something went wrong” error. You can get this key from the official OpenWeatherMap site for free. You need API Key to run this Project.So after getting your API Key then pass your API key in the API URL of your Java script file.

How do you get API key for weather app?

Once you sign up using your email, the API key (APPID) will be sent to you in a confirmation email. Your API keys can always be found on your account page, where you can also generate additional API keys if needed.

Steps to create API Key:

• Step 1 – API key info – Go to google search OpenWeatherMap API, click on 1st link and make your account here and sign up. After signing up, you see the home page.
• Step 2 –After signing up on this openweather API website whatever you see on the home page because sometimes you get an API key on the home page and some time in the API section so click on API ( In their menu you can see in API) so click on API.
• Step 3 – After clicking on the API form menu, you can see there are lots of APIs but on the API Main page starting you can select (Current weather data) and below there is a box( API information box). So click on API Doc.

• Step 4 – After clicking on this API you get a new page so scroll a little bit and you see there is an API document and code that how we connect this API you see the API keyword (in the below image you can see it easily) so click on API key and you get your API key.

That’s all, now could successfully build a Weather App in HTML CSS & JavaScript.