2026-06-26 10:32:59 +02:00
parent 878c0f7c6b
commit 0e70223ff6
11 changed files with 93 additions and 27 deletions
--- a/01_grundlagen/uebungen/u39_sort-stadt-land-fluss.html
+++ b/01_grundlagen/uebungen/u39_sort-stadt-land-fluss.html
@@ -0,0 +1,66 @@
+<!doctype html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Übung 39: Stadt, Land, Fluss</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
+  </head>
+  <body>
+    <main>
+      <div class="container py-5">
+        <h1>Übung 39: Stadt, Land, Fluss</h1>
+        <p>
+          Bei dem bekannten deutschen Quiz-Spiel »Stadt, Land, Fluss« müssen die Spieler zu bestimmten Kategorien Wörter
+          finden, die mit einem bestimmten Buchstaben beginnen. Jeder schreibt die Wörter für sich alleine auf. Sobald
+          einer der Spieler für jede Kategorie ein Wort gefunden hat, ruft er »Stop« und alle müssen das Aufschreiben
+          einstellen. Dann wird verglichen. Mehrfach gefundene Wörter werden gestrichen, alle anderen erhalten je nach
+          Spielregel und Variante Punkte.
+        </p>
+        <p>
+          Bei einer Variante des Spiels ist zusätzlich die Wortlänge ausschlaggebend. Das längste Wort bringt dabei die
+          meisten Punkte. Natürlich möchte niemand tatsächlich die Buchstaben der Wörter zählen. Dafür gibt es
+          schließlich JS.
+        </p>
+        <p>
+          Schreiben Sie eine Funktion, die Wörter einer Kategorie nach Länge sortiert. Das längste Wort soll dabei vorne
+          stehen.
+        </p>
+        <div class="outputA alert alert-secondary"></div>
+        <div class="outputB alert alert-secondary"></div>
+        <div class="outputC alert alert-secondary"></div>
+      </div>
+    </main>
+
+    <script>
+      'use strict';
+
+      // Variablen Ausgabe
+      const outputElA = document.querySelector('.outputA');
+      const outputElB = document.querySelector('.outputB');
+      const outputElC = document.querySelector('.outputC');
+
+      // Variablen
+
+      const cities = ['Barcelona', 'Basel', 'Belgrade', 'Berlin', 'Budapest'];
+      const countries = ['Belgium', 'Bulgaria', 'Brazil', 'Bolivia', 'Bosnia and Herzegovina'];
+      const rivers = ['Bode', 'Brahmaputra', 'Beuvron', 'Black River', 'Belaja'];
+
+      // Funktionen
+      const sortByLength = (ar = []) => {
+        return ar.sort((a, b) => b.length - a.length);
+      };
+
+      // Sortieren nach Länge
+      const sortedCities = sortByLength(cities); //cities.sort((a, b) => b.length - a.length);
+      const sortedCountries = sortByLength(countries); // countries.sort((a, b) => b.length - a.length);
+      const sortedRivers = sortByLength(rivers); // rivers.sort((a, b) => b.length - a.length);
+
+      console.log(sortByLength());
+
+      console.log(sortedCities);
+      console.log(sortedCountries);
+      console.log(sortedRivers);
+    </script>
+  </body>
+</html>