2026-11-03 11:40:59 +01:00
parent a885cd9550
commit baf557f666
17 changed files with 1158 additions and 19 deletions
@@ -0,0 +1,71 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.css" />
+    <title>Übung 3: DRY</title>
+  </head>
+  <body>
+    <main>
+      <div class="container py-5">
+        <h1>Exercise: Don't Repeat Yourself (DRY)</h1>
+        <hr />
+        <div class="alert alert-primary">
+          <h2>Übung 3: DRY</h2>
+          <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.
+          </p>
+          <p>
+            Erstelle eine zusätzliche <code>formatWeatherReport(report)</code> Funktion, die ein Wetterberichtsobjekt
+            als Parameter annimmt. Sie sollte einen formatierten Wetterberichtstring zurückgeben.
+          </p>
+        </div>
+      </div>
+    </main>
+
+    <script>
+      'use strict';
+
+      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,
+        },
+      ];
+
+      function formatWeatherReport(report) {
+        const { city, temperature, humidity, description, windSpeed } = report;
+        return `Weather in ${city}: ${temperature}°F, ${humidity}% humidity, ${description}, Wind Speed: ${windSpeed}mph`;
+      }
+
+      function logWeatherReports(reports) {
+        reports.forEach((report) => {
+          console.log(formatWeatherReport(report));
+        });
+      }
+
+      logWeatherReports(weatherReports);
+    </script>
+  </body>
+</html>