Create twc-api-script.html

JesseWx2011 · Dec 26, 2023 · 1f363f3 · 1f363f3
1 parent fea6531
commit 1f363f3
Showing 1 changed file with 35 additions and 0 deletions.
diff --git a/my-scripts/twc-api-script.html b/my-scripts/twc-api-script.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+  <!-- Script Written December 26th 2023 -->
+    <head>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="", initial scale=1.0"></meta>
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>TWC Api Script</title>
+    </head>
+    <body>
+        <script>
+     const api_url = 'https://api.weather.com/v1/geocode/38.8034059/-76.9052484/forecast/nowcast.json?language=en-US&units=e&apiKey=e1f10a1e78da46f5b10a1e78da96f525'
+    async function getWx() {   
+        const response = await fetch(api_url);
+        const data = await response.json();
+        console.log(data.latitude);
+        const {forecast, narrative_512char, } = data;
+        console.log(narrative_512char);
+
+        document.getElementById('wx').textContent = forecast.narrative_512char;
+
+    }
+
+    getWx();
+
+   </script>
+   <h1>Today:</h1>
+  <h5 id="wx">The Forecast is unavaliable  ;(</h5>
+
+</div>
+    </div>
+
+        </div>
+    </body>
+</html>