started 26_weather_app_01

started api based 26_weather_app_01
nitishkhobragade · May 13, 2024 · c9aa70e · c9aa70e
1 parent 07e1d23
commit c9aa70e
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 0 deletions.
diff --git a/26_weather_app_01/app.js b/26_weather_app_01/app.js
@@ -0,0 +1,17 @@
+console.log("Hello ji");
+
+const API_KEY = "6ccd8f24913d9b18f2facc7a2337add5";
+
+async function showWeather() {
+    // let latitude = 15.3333;
+    // let longitude = 74.0833;
+    let city = "goa";
+
+    const response = await fetch(`https://api.openweathermap.org/data/2.5/weather?q=${city}&appid=${API_KEY}&units=metric`);
+
+    const data = await response.json();
+    console.log("Weather data:-> " + data);
+
+    let newPara = document.createElement('p');
+    newPara.textContent = data
+}
diff --git a/26_weather_app_01/index.html b/26_weather_app_01/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Weather App (API Based)</title>
+    <link rel="stylesheet" href="./style.css">
+</head>
+<body>
+    <script src="./app.js"></script>
+</body>
+</html>
diff --git a/26_weather_app_01/style.css b/26_weather_app_01/style.css