2026-08-18 14:27:34 +02:00
parent c7d26e1cd9
commit c6d9611e81
35 changed files with 1852 additions and 130 deletions
--- a/06_js-debug/uebungen/u03_dry/solution.html
+++ b/06_js-debug/uebungen/u03_dry/solution.html
@@ -0,0 +1,66 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Exercise: Don't Repeat Yourself (DRY)</title>
+  </head>
+  <body>
+    <h1>Exercise: Don't Repeat Yourself (DRY)</h1>
+    <p>
+      In dieser Übung überarbeitest du einen Teil des Codes nach dem DRY-Prinzip (Don't Repeat Yourself). Du arbeitest
+      mit einem Skript, das Wetterberichte für mehrere Städte protokolliert, einschließlich zusätzlicher Wetterdaten wie
+      der Windgeschwindigkeit. Deine Aufgabe ist es, Code-Wiederholungen zu vermeiden, indem du Arrays, Schleifen und
+      Funktionen verwendest. Erstelle eine zusätzliche formatWeatherReport(report) Funktion, die ein
+      Wetterberichtsobjekt als Parameter annimmt. Sie sollte einen formatierten Wetterberichtstring zurückgeben.
+    </p>
+
+    <script>
+      'use strict';
+
+      // Declarations ==================
+
+      // Wetterdaten als Array von Objekten
+      const weatherReports = [
+        {
+          city: 'New York',
+          temperature: 85,
+          humidity: 70,
+          description: 'Sunny',
+          windSpeed: 10,
+        },
+        {
+          city: 'Los Angeles',
+          temperature: 75,
+          humidity: 60,
+          description: 'Partly Cloudy',
+          windSpeed: 7,
+        },
+        {
+          city: 'Chicago',
+          temperature: 70,
+          humidity: 65,
+          description: 'Rainy',
+          windSpeed: 12,
+        },
+      ];
+
+      // Init =================
+      const init = () => {
+        logWeatherReports();
+      };
+
+      // Functions ============
+      const formatWeatherReport = (report) => {
+        const { city, temperature: temp, humidity, description: text, windSpeed } = report;
+        return `Weather in ${city}: ${temp}°F, ${humidity}% humidity, ${text}, Wind Speed: ${windSpeed} mph`;
+      };
+
+      const logWeatherReports = () => {
+        weatherReports.forEach((report) => {
+          console.log(formatWeatherReport(report));
+        });
+      };
+    </script>
+  </body>
+</html>