How to use JS and API to make Weather Web Application

This article mainly shows you "how to use JS and API to make weather Web application", the content is easy to understand, clear, hope to help you solve doubts, the following let the editor lead you to study and learn "how to use JS and API to make weather Web application" this article.

Step 1-set up the environment and collect all resources

Using your favorite code editor, create a name called "Weather App" or whatever you want, then create these three files and add these resources to the folder:

Index.html

Style.css

Script.js

Other resources we need:

Favicon

Loading GIF (optional)

Vanilla-Tilt.js file

Download all these resources address: https://download.csdn.net/download/qq_44273429/20463321

Step 2-start with index.html

Start with the common templates in the HTML file. Add titles as needed.

Before linking style.css and script.js, link to the Google font you want. I have used the Poppins font, which is one of my favorite fonts. (Google font)

HTML

Starting with body, if you want to add a loader to your Web site, you can add it to the body tag and script it.

HTML