Skip to content

Gichangi001/Weatherapp.github.io

Repository files navigation

CLICK TO VIEW - https://gichangi001.github.io/Weatherapp.github.io/

Weather-App-Using-JavaScript

<<<<<<< HEAD>>> Introduction

This is a simple weather app that allows users to enter a city name and receive the current weather conditions for that city. The app is built using HTML, CSS, and JavaScript.

Getting Started

To get started, you will need to clone the repository to your local machine. Once you have cloned the repository, you can open the index.html file in a web browser.

Using the App

To use the app, simply enter a city name into the text input field and click the "Submit" button. The app will then fetch the current weather conditions for the specified city and display them on the screen.

Code Overview

The app consists of the following files:

  • index.html: This file contains the HTML code for the app.

  • style.css: This file contains the CSS code for the app.

  • app.js: This file contains the JavaScript code for the app.

  • side note the api i used

  • weather api key - <script> // API key for OpenWeatherMap const apiKey = "b0fdd0d2372d206c4de60c1c82590d1f";When you put in a city

      // API URL for fetching weather data![Intro page when you load png ](https://github.com/Gichangi001/Weatherapp.github.io/assets/127599853/bb42a18c-3a1a-47f2-85bd-d1ce1eae40ee)
    
      const apiUrl = "https://api.openweathermap.org/data/2.5/weather?units=metric&q=";
      // Selectors for HTML elements
    

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published