From ee8a87bf2ae75fb3363045f3be26aa718a277663 Mon Sep 17 00:00:00 2001
From: Philippe Torrel <webmaster@gkontra.de>
Date: Fri, 26 Jun 2026 15:33:18 +0200
Subject: [PATCH]

---
 .../uebungen/#u46_richtige-gewinner.html      |  47 +++++++++++
 .../#u47_higher-order-fn-lueckentext.html     |  79 ++++++++++++++++++
 .../uebungen/#u48_froehliches-mixen.html      |  66 +++++++++++++++
 01_grundlagen/uebungen/uebungen-46-48.zip     | Bin 0 -> 3773 bytes
 4 files changed, 192 insertions(+)
 create mode 100644 01_grundlagen/uebungen/#u46_richtige-gewinner.html
 create mode 100644 01_grundlagen/uebungen/#u47_higher-order-fn-lueckentext.html
 create mode 100644 01_grundlagen/uebungen/#u48_froehliches-mixen.html
 create mode 100644 01_grundlagen/uebungen/uebungen-46-48.zip
diff --git a/01_grundlagen/uebungen/#u46_richtige-gewinner.html b/01_grundlagen/uebungen/#u46_richtige-gewinner.html
new file mode 100644
index 0000000..48528b4
--- /dev/null
+++ b/01_grundlagen/uebungen/#u46_richtige-gewinner.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Übung 46: Richtige Gewinner</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">
+        <div class="alert alert-primary">
+          <h1>Übung 46: Richtige Gewinner</h1>
+          <p>
+            Die Ausgabe der Gewinner aus dem letzten Beispiel (Codebeispiel 324) ist immer noch nicht ideal. Am Besten
+            wäre das folgende Ergebnis-Array:
+          </p>
+          <pre>
+            <code>
+  [
+    '1st place: Heribert',
+    '2nd place: Friedlinde',
+    '3rd place: Tusnelda',
+    'Oswine',
+    'Ladislaus',
+  ]
+            </code>
+          </pre>
+        </div>
+        <div class="output alert alert-secondary"></div>
+      </div>
+    </main>
+    <script>
+      'use strict';
+
+      const outputEl = document.querySelector('.output');
+
+      const winners = ['Heribert', 'Friedlinde', 'Tusnelda', 'Oswine', 'Ladislaus'];
+
+      // Beispiel
+      const getWinners = (winners) => {};
+
+      console.log(getWinners(winners));
+      outputEl.innerHTML = `<ul><li>${getWinners(winners).join('</li><li>')}</li></ul>`;
+    </script>
+  </body>
+</html>
diff --git a/01_grundlagen/uebungen/#u47_higher-order-fn-lueckentext.html b/01_grundlagen/uebungen/#u47_higher-order-fn-lueckentext.html
new file mode 100644
index 0000000..8b0f6d2
--- /dev/null
+++ b/01_grundlagen/uebungen/#u47_higher-order-fn-lueckentext.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Übung 47: Lückentext zu Higher-Order-Funktionen</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 47: Lückentext zu Higher-Order-Funktionen</h1>
+        <p>
+          Das ist garantiert der letzte Lückentext für diese Lektion. Ersetzen Sie wieder die Kommentare
+          <strong>/* ??? */</strong> durch den richtigen Code, um das angegebene Ergebnis zu erzielen.
+        </p>
+      </div>
+    </main>
+    <script>
+      'use strict';
+
+      let result;
+      let results;
+      let inputs = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+      let text = 'Hi this is a short text';
+      let names = ['Heribert', 'Friedlinde', 'Tusnelda', 'Oswine', 'Ladislaus'];
+
+      //odd numbers
+      //results = inputs
+      console.log(results); // => [ 1, 3, 5, 7, 9 ]
+
+      //sum
+      //result = inputs
+      console.log(result); // => 55
+
+      //product
+      //result = inputs
+      console.log(result); // => 3628800
+
+      //longest word length
+      result = text.split(' '); //=> ['Hi', 'this', 'is', 'a', 'short', 'text'];
+      //
+
+      console.log(result); // => 5
+
+      //longest word
+      result = text.split(' '); //=> ['Hi', 'this', 'is', 'a', 'short', 'text'];
+      //
+
+      console.log(result); // =>'short'
+
+      //avg word length =========================
+
+      // result =
+      console.log(result); // => 3
+
+      //sort by 3rd letter
+      // ['Heribert', 'Friedlinde', 'Tusnelda', 'Oswine', 'Ladislaus'];
+
+      const names2 = [...names];
+      // results =
+      console.log(results); // => [ 'Ladislaus', 'Friedlinde', 'Heribert', 'Tusnelda', 'Oswine' ]
+
+      // Are there names with more than 8 letters?
+      // ['Heribert', 'Friedlinde', 'Tusnelda', 'Oswine', 'Ladislaus'];
+
+      // result = names
+
+      // Has every name at least 8 letters?
+      // result = names
+      console.log(result); // false
+
+      // What is the lowest value from the inputs?
+      // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+      // result = inputs
+      console.log(result);
+    </script>
+  </body>
+</html>
diff --git a/01_grundlagen/uebungen/#u48_froehliches-mixen.html b/01_grundlagen/uebungen/#u48_froehliches-mixen.html
new file mode 100644
index 0000000..9508b77
--- /dev/null
+++ b/01_grundlagen/uebungen/#u48_froehliches-mixen.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 48: Fröhliches Mixen mit Arrays</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 48: Fröhliches Mixen mit Arrays</h1>
+
+        <img
+          src="https://de.webmasters-europe.org/system/course_management/file/images/files/000/020/558/800-533/241aa384e6005cdebbd01c4ba4e4fa69.jpg?1644493807"
+          class="img-thumbnail my-3"
+          width="400"
+          alt="Cocktail Party" />
+
+        <p>
+          Nach so viel trockener Theorie hast du Durst. Du öffnest deinen Kühlschrank und siehst eine angebrochene
+          Packung Maracujasaft, die dringend verbraucht werden muss. Mit Maracujasaft lassen sich tatsächlich tolle
+          Cocktails zaubern, und gerade letztens hat dir ein Freund den Honolulu Flip empfohlen. Jetzt wäre es perfekt,
+          wenn in dem besagten Cocktail Maracujasaft enthalten wäre …
+        </p>
+      </div>
+    </main>
+    <script>
+      'use strict';
+
+      const honoluluFlip = ['Maracuja Juice', 'Pineapple Juice', 'Lemon Juice', 'Grapefruit Juice', 'Crushed Ice'];
+
+      const ingredientsFromMyBar = [
+        'Pineapple',
+        'Maracuja Juice',
+        'Cream',
+        'Lemon Juice',
+        'Grapefruit Juice',
+        'Crushed Ice',
+        'Milk',
+        'Apple Juice',
+        'Aperol',
+        'Pineapple Juice',
+        'Limes',
+        'Lemons',
+      ];
+
+      // Funktionen
+
+      // 1. Schreibe eine Funktion, `hasIngredient`, die `true` zurückgibt, wenn eine angegebene Zutat in einer Rezeptliste vorhanden ist. Rufe deine Funktion mit Maracujsasaft und Honolulu Flip auf.
+
+      const hasIngredient = (listOfIngredients, searchedIngredient) => {
+        /* ??? */
+      };
+
+      // 2. So richtig sinnvoll ist unsere Funktion noch nicht. Viel hilfreicher wäre es, wenn wir eine Funktion hätten, die anhand unserer vorhandenen Zutaten herausfindet, ob wir den Cocktail auch tatsächlich machen können. Dafür benötigst du die komplette Liste aller bei dir vorhandenen Zutaten (ingredientsFromMyBar). Du möchtest wissen, ob du alle Zutaten vorrätig hast, die du zum Mixen des Cocktails benötigst.
+
+      const isMixableWith = (cocktailRecipe, availableIngredients) => {
+        /* ??? */
+      };
+
+      //honoluluFlip isMixableWith ingredientsFromMyBar?
+      console.log(isMixableWith(honoluluFlip, ingredientsFromMyBar)); // => true
+    </script>
+  </body>
+</html>
diff --git a/01_grundlagen/uebungen/uebungen-46-48.zip b/01_grundlagen/uebungen/uebungen-46-48.zip
new file mode 100644
index 0000000000000000000000000000000000000000..a0bce1f75591e04afaccc58bc93dbfc83db7851e
GIT binary patch
literal 3773
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
T@)F5nlRR?CqLc0H$<sdod!$;5

literal 0
HcmV?d00001

