Wetter; Temperatur hinzugefügt

clock.js

@@ -1,18 +1,18 @@
-var clock = document.querySelector("#clock");
+// var clock = document.querySelector("#clock");
 
-// Inject the time in the UI
-var renderTime = function () {
-  var time = new Date();
-  clock.textContent = time.toLocaleString("de-DE", {
-    year: "numeric",
-    month: "long",
-    day: "numeric",
-    hour: "numeric",
-    minute: "numeric",
-    second: "numeric",
-    hour12: false,
-  });
-};
+// // Inject the time in the UI
+// var renderTime = function () {
+//   var time = new Date();
+//   clock.textContent = time.toLocaleString("de-DE", {
+//     year: "numeric",
+//     month: "long",
+//     day: "numeric",
+//     hour: "numeric",
+//     minute: "numeric",
+//     second: "numeric",
+//     hour12: false,
+//   });
+// };
 
-// Update the time every second
-setInterval(renderTime, 1000);
+// // Update the time every second
+// setInterval(renderTime, 1000);

dashboard.html

@@ -57,9 +57,9 @@
     <main>
       <div class="row">
         <div class="col-12 col-md-4">
-          <!-- Element: Uhr -->
-          <div id="clock" class="alert alert-primary" role="alert"></div>
-
+          <div >Wetter</div>
+          <div id="Wetter" class="alert alert-primary" role="alert"></div>
+          
           <!-- Element: Idee des Tages -->
           <div class="card rounded-3 shadow-sm">
             <div class="card-header py-3">

weather.js

@@ -1,4 +1,4 @@
-var clock = document.querySelector("clock");
+var clock = document.querySelector("#Wetter");
 
 var renderTime = async function () {
     const apiURL = 'https://api.brightsky.dev/weather?lat=52&lon=7.6&date=2024-09-11';
@@ -7,12 +7,16 @@ var renderTime = async function () {
         const data = await response.json();
 
         if (data.weather && data.weather.length > 0){
-            clock.textContent = data.weather[0].temperature
+            var time = new Date();
+            time.getHours();
+            clock.textContent = data.weather[time.getHours()-1].temperature +"°"
         }else {
             clock.textContent = "No weather data available";
         }
     } catch (error){
         console.error('Error fetching weather data:', error);
     }
 
-    }
+    }
+    setInterval(renderTime, 1000);
+