From dc1e06ac67dd25729989835e1729c24c606f4af0 Mon Sep 17 00:00:00 2001
From: Philippe Torrel <webmaster@gkontra.de>
Date: Wed, 16 Sep 2026 10:38:23 +0200
Subject: [PATCH]

---
 .../uebungen/u22-if-else-quiz-2.html          | 38 +++++++++++++--
 .../uebungen/u23_validierung-prompt.html      | 26 +++++++++-
 01_grundlagen/uebungen/u24_leap-year-2.html   | 13 ++++-
 .../uebungen/u25_suche-im-heuhaufen.html      |  4 +-
 .../uebungen/u26_vornamen-auslesen.html       |  7 ++-
 .../uebungen/u27-zerlegter-heribert.html      |  7 ++-
 .../u28_transformierte-ladislaus.html         |  6 ++-
 .../uebungen/u29_fuehrende-nullen.html        | 10 +++-
 .../uebungen/u30_quiz-dark-side.html          | 47 +++++++++++++++----
 .../uebungen/u31_function-console.html        | 10 ++--
 ...ogischer-operator-oder-short-breakout.html |  8 ++++
 .../unterricht/tag07/05_unaerer-operator.html |  2 +-
 .../unterricht/tag07/06_str-index-of.html     |  1 +
 .../unterricht/tag07/08_str-substr.html       |  2 +-
 .../unterricht/tag07/10_str-char-at.html      |  2 +-
 .../unterricht/tag07/12_str-replace-all.html  |  3 ++
 16 files changed, 159 insertions(+), 27 deletions(-)

diff --git a/01_grundlagen/uebungen/u22-if-else-quiz-2.html b/01_grundlagen/uebungen/u22-if-else-quiz-2.html
index f1d91d2..d9ae646 100644
--- a/01_grundlagen/uebungen/u22-if-else-quiz-2.html
+++ b/01_grundlagen/uebungen/u22-if-else-quiz-2.html
@@ -33,11 +33,41 @@
     <script>
       'use strict';
 
-      // const username = prompt('Wilkommen. Wie heißen Sie?');
+      const QUESTION_1 = 'Which Operators has the higher priority: * or + ?';
+      const SOLUTION_1 = '*';
 
-      /* 
-        TODO: Your Code
-      */
+      const QUESTION_2 = "What's the German word for if";
+      const SOLUTION_2A = 'wenn';
+      const SOLUTION_2B = 'falls';
+
+      // 1.Als ersten Schritt fragen Sie den Spieler nach seinem Namen, speichern diesen in eine Variable und begrüßen ihn mittels einer Alert-Box.
+      const name = prompt('Wie heißen Sie?');
+      alert(`Hallo ${name}`);
+      // 2.Stellen Sie dem Spieler die Frage, ob er sich fit genug fühlt, um gegen das dunkle JavaScript anzutreten. Es ist sinnvoll, bei der Frage die Antwortmöglichkeiten anzugeben.
+      const fitness = prompt('Fühlen Sie sich fit genug, um gegen das dunkle JavaScript anzutreten. ja oder nein?');
+      if (fitness === 'ja') {
+        alert('Das Spiel startet! Gib alles !');
+        let answer = prompt(QUESTION_1);
+        if (answer === SOLUTION_1) {
+          alert('Gratulation');
+          let answer = prompt(QUESTION_2);
+          if (answer === SOLUTION_2A || answer === SOLUTION_2B) {
+            alert('Gratulation');
+            let answer = prompt('Now, please enter a string with a length between 8 and 15 characters…');
+            if (answer.length >= 8 && answer.length <= 15) {
+              alert('Gratulation');
+            } else {
+              alert('Das war falsch!');
+            }
+          } else {
+            alert('Das war falsch!');
+          }
+        } else {
+          alert('Das war falsch!');
+        }
+      } else if (fitness === 'nein') {
+        alert('Go Home');
+      }
     </script>
   </body>
 </html>
diff --git a/01_grundlagen/uebungen/u23_validierung-prompt.html b/01_grundlagen/uebungen/u23_validierung-prompt.html
index 5d99008..50576bc 100644
--- a/01_grundlagen/uebungen/u23_validierung-prompt.html
+++ b/01_grundlagen/uebungen/u23_validierung-prompt.html
@@ -34,10 +34,32 @@
       // Aufgabe
       const firstName = prompt('Wilkommen. Wie heißen Sie mit Vornamen?');
       const lastName = prompt('Und mit Nachnamen?');
+      const age = Number(prompt('Wie alt sind Sie?'));
+      const favoriteHotDrink = prompt('Und was ist ihr liebstes Heißgetränk? tee (t) oder kaffee (c)?');
 
-      const age = Number('Wie alt sind Sie?');
+      let errorMessage = '';
 
-      const favoriteHotDrink = prompt('Und was ist ihr liebstes Heißgetränk? (tee | kaffee)');
+      if (lastName.length < 2 || lastName.length > 100) {
+        errorMessage += 'name ';
+      }
+
+      if (firstName.length < 2 || firstName.length > 100) {
+        errorMessage += 'first name ';
+      }
+
+      if (favoriteHotDrink !== 'c' && favoriteHotDrink !== 't') {
+        errorMessage += 'favoriteHotDrink ';
+      }
+
+      if (isNaN(age) || age >= 150) {
+        errorMessage += 'age ';
+      }
+
+      if (errorMessage === '') {
+        console.log('OK!');
+      } else {
+        console.log(`KO! The following entries are invalid: ${errorMessage}`);
+      }
     </script>
   </body>
 </html>
diff --git a/01_grundlagen/uebungen/u24_leap-year-2.html b/01_grundlagen/uebungen/u24_leap-year-2.html
index 3ab4dba..93cdf2c 100644
--- a/01_grundlagen/uebungen/u24_leap-year-2.html
+++ b/01_grundlagen/uebungen/u24_leap-year-2.html
@@ -45,10 +45,21 @@
       const inputEl = document.querySelector('.input-year');
       const outputEl = document.querySelector('.output');
 
+      const isLeapYear = (year) => {
+        const checkOne = year % 400 === 0;
+        const checkTwo = year % 100 !== 0 && year % 4 === 0;
+        return checkOne || checkTwo;
+      };
+
+      let output = '';
+
       inputEl.addEventListener('input', (e) => {
         const val = e.currentTarget.value;
 
-        // TODO: check if it is a leap year or not.
+        output = isLeapYear(val) ? `${val} ist ein Schaltjahr` : `${val} ist KEIN Schaltjahr`;
+
+        console.log(output);
+        outputEl.textContent = output;
       });
     </script>
   </body>
diff --git a/01_grundlagen/uebungen/u25_suche-im-heuhaufen.html b/01_grundlagen/uebungen/u25_suche-im-heuhaufen.html
index ef39db8..43248fe 100644
--- a/01_grundlagen/uebungen/u25_suche-im-heuhaufen.html
+++ b/01_grundlagen/uebungen/u25_suche-im-heuhaufen.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="de">
   <head>
     <meta charset="UTF-8" />
@@ -41,6 +41,8 @@
 
       const text =
         'Heuhaufen Heuhaufen Heuhaufen Heuhaufen Heuhaufen Heuhaufen Heuhaufen Nadel Heuhaufen Heuhaufen Heuhaufen Heuhaufen Heuhaufen Heuhaufen Heuhaufen Heuhaufen Heuhaufen';
+
+      outputEl.textContent = text.indexOf('Nadel');
     </script>
   </body>
 </html>
diff --git a/01_grundlagen/uebungen/u26_vornamen-auslesen.html b/01_grundlagen/uebungen/u26_vornamen-auslesen.html
index 2774f9e..879eaa8 100644
--- a/01_grundlagen/uebungen/u26_vornamen-auslesen.html
+++ b/01_grundlagen/uebungen/u26_vornamen-auslesen.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="de">
   <head>
     <meta charset="UTF-8" />
@@ -27,6 +27,11 @@
       'use strict';
 
       const name = '  Ladislaus Coolio Jones   '.trim();
+      const firstName = name.substring(0, name.indexOf(' '));
+      const lastName = name.substring(name.lastIndexOf(' ') + 1);
+
+      console.log(firstName); // => 'Ladislaus'
+      console.log(lastName); // => 'Jones'
     </script>
   </body>
 </html>
diff --git a/01_grundlagen/uebungen/u27-zerlegter-heribert.html b/01_grundlagen/uebungen/u27-zerlegter-heribert.html
index a3d673a..8ec8625 100644
--- a/01_grundlagen/uebungen/u27-zerlegter-heribert.html
+++ b/01_grundlagen/uebungen/u27-zerlegter-heribert.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="de">
   <head>
     <meta charset="UTF-8" />
@@ -25,6 +25,11 @@
       const outputElement = document.querySelector('.output');
 
       const name = 'Heribert  Gold '.trim();
+      const firstName = name.substring(0, name.indexOf(' '));
+      const lastName = name.substring(name.lastIndexOf(' ') + 1);
+
+      console.log(firstName); // => 'Heribert'
+      console.log(lastName); // => 'Gold'
     </script>
   </body>
 </html>
diff --git a/01_grundlagen/uebungen/u28_transformierte-ladislaus.html b/01_grundlagen/uebungen/u28_transformierte-ladislaus.html
index b5ccc8d..092fcca 100644
--- a/01_grundlagen/uebungen/u28_transformierte-ladislaus.html
+++ b/01_grundlagen/uebungen/u28_transformierte-ladislaus.html
@@ -26,7 +26,11 @@
       'use strict';
       const outputEl = document.querySelector('.output');
 
-      const name = 'Ladislaus Jones'.trim();
+      const fullName = 'Ladislaus Jones'.trim();
+      const firstNameInitial = fullName.charAt(0);
+      const lastName = fullName.slice(fullName.lastIndexOf(' ') + 1);
+
+      outputEl.textContent = `${lastName}, ${firstNameInitial}.`;
     </script>
   </body>
 </html>
diff --git a/01_grundlagen/uebungen/u29_fuehrende-nullen.html b/01_grundlagen/uebungen/u29_fuehrende-nullen.html
index abf2a1c..9c9d2f6 100644
--- a/01_grundlagen/uebungen/u29_fuehrende-nullen.html
+++ b/01_grundlagen/uebungen/u29_fuehrende-nullen.html
@@ -26,12 +26,20 @@
             <li>007 =&gt; 007</li>
           </ul>
         </div>
+        <div class="output alert alert-secondary my-3"></div>
       </div>
     </main>
     <script>
       'use strict';
 
-      let itemNumber = '123';
+      const outputEl = document.querySelector('.output');
+
+      let itemNumber = prompt('Your itemNumber?');
+
+      let correctedItemNumber = itemNumber.charAt(0) === '0' ? itemNumber : '0' + itemNumber;
+
+      console.log(correctedItemNumber);
+      outputEl.textContent = correctedItemNumber;
     </script>
   </body>
 </html>
diff --git a/01_grundlagen/uebungen/u30_quiz-dark-side.html b/01_grundlagen/uebungen/u30_quiz-dark-side.html
index 73d5e62..c46a5ac 100644
--- a/01_grundlagen/uebungen/u30_quiz-dark-side.html
+++ b/01_grundlagen/uebungen/u30_quiz-dark-side.html
@@ -35,16 +35,47 @@
     <script>
       'use strict';
 
-      // const QUESTION_1 = 'es geht los! Sag mir mal, welcher Operator die höhere Priorität hat: * oder + ?';
-      // const SOLUTION_1 = '*';
+      const QUESTION_1 = 'Which Operators has the higher priority: * or + ?';
+      const SOLUTION_1 = '*';
 
-      // const QUESTION_2 = 'Was ist das deutsche Wort für if?';
-      // const SOLUTION_2A = 'falls';
-      // const SOLUTION_2B = 'wenn';
+      const QUESTION_2 = "What's the German word for if";
+      const SOLUTION_2A = 'wenn';
+      const SOLUTION_2B = 'falls';
 
-      // const QUESTION_3 = 'Jetzt gib bitte einen String mit einer Länge von 8 bis 15 Zeichen ein';
-      // const SOLUTION_3A = 8;
-      // const SOLUTION_3B = 15;
+      const QUESTION_3 = 'Now, please enter a string with a length between 8 and 15 characters…';
+      const SOLUTION_3A = 8;
+      const SOLUTION_3B = 15;
+
+      // 1.Als ersten Schritt fragen Sie den Spieler nach seinem Namen, speichern diesen in eine Variable und begrüßen ihn mittels einer Alert-Box.
+      const name = prompt('Wie heißen Sie?');
+      alert(`Hallo ${name}`);
+      // 2.Stellen Sie dem Spieler die Frage, ob er sich fit genug fühlt, um gegen das dunkle JavaScript anzutreten. Es ist sinnvoll, bei der Frage die Antwortmöglichkeiten anzugeben.
+      const fitness = prompt('Fühlen Sie sich fit genug, um gegen das dunkle JavaScript anzutreten. ja oder nein?')
+        .toLowerCase()
+        .trim();
+      if (fitness === 'ja' || fitness === 'j') {
+        alert('Das Spiel startet! Gib alles !');
+        let answer = prompt(QUESTION_1);
+        if (answer === SOLUTION_1) {
+          alert('Gratulation');
+          let answer = prompt(QUESTION_2).toLowerCase().trim();
+          if (answer === SOLUTION_2A || answer === SOLUTION_2B) {
+            alert('Gratulation');
+            let answer = prompt(QUESTION_3);
+            if (answer.length >= SOLUTION_3A && answer.length <= SOLUTION_3B) {
+              alert('Gratulation');
+            } else {
+              alert('Das war falsch!');
+            }
+          } else {
+            alert('Das war falsch!');
+          }
+        } else {
+          alert('Das war falsch!');
+        }
+      } else if (fitness === 'nein') {
+        alert('Go Home');
+      }
     </script>
   </body>
 </html>
diff --git a/01_grundlagen/uebungen/u31_function-console.html b/01_grundlagen/uebungen/u31_function-console.html
index 73ad771..14e2a2b 100644
--- a/01_grundlagen/uebungen/u31_function-console.html
+++ b/01_grundlagen/uebungen/u31_function-console.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="de">
   <head>
     <meta charset="UTF-8" />
@@ -19,9 +19,11 @@
 
       const outputEl = document.querySelector('.output');
 
-      /*
-        TODO: Schreibe eine Funktion, die deinen Namen in der Konsole ausgibt.
-      */
+      const logName = () => {
+        console.log('Philippe Torrel');
+      };
+
+      logName();
     </script>
   </body>
 </html>
diff --git a/01_grundlagen/unterricht/tag07/02_logischer-operator-oder-short-breakout.html b/01_grundlagen/unterricht/tag07/02_logischer-operator-oder-short-breakout.html
index 1c92f2b..2544e4f 100644
--- a/01_grundlagen/unterricht/tag07/02_logischer-operator-oder-short-breakout.html
+++ b/01_grundlagen/unterricht/tag07/02_logischer-operator-oder-short-breakout.html
@@ -33,6 +33,14 @@
       console.log(zahl4); // => '10.5'
 
       const outputEl = document.querySelector('.output') || console.warn('Element existiert nicht');
+
+      // const slider = (el = null, opts) => {
+      //   const selector = el || document.querySelector('.slider');
+
+      //   // more logic
+      // };
+
+      // slider(document.querySelector('.my-slider'));
     </script>
   </body>
 </html>
diff --git a/01_grundlagen/unterricht/tag07/05_unaerer-operator.html b/01_grundlagen/unterricht/tag07/05_unaerer-operator.html
index fdb0050..ab6c722 100644
--- a/01_grundlagen/unterricht/tag07/05_unaerer-operator.html
+++ b/01_grundlagen/unterricht/tag07/05_unaerer-operator.html
@@ -54,7 +54,7 @@
         //   toggle = false;
         // }
 
-        // toggle = !toggle ? true : false;
+        //toggle = !toggle ? true : false;
 
         toggle = !toggle; // => !(false) -> true | !(true) -> false
 
diff --git a/01_grundlagen/unterricht/tag07/06_str-index-of.html b/01_grundlagen/unterricht/tag07/06_str-index-of.html
index c7f72c2..4746b9a 100644
--- a/01_grundlagen/unterricht/tag07/06_str-index-of.html
+++ b/01_grundlagen/unterricht/tag07/06_str-index-of.html
@@ -47,6 +47,7 @@
       // String - Methode str.indexOf('searchValue' [, position]) - optionaler Parameter
 
       console.log('name.indexOf("a", 2): ', name.indexOf('a', 2)); // => 6
+      console.log('lorem ipsum'.indexOf('m', 5)); // => 10
 
       // Strign - Methode str.lastIndexOf('searchValue')
 
diff --git a/01_grundlagen/unterricht/tag07/08_str-substr.html b/01_grundlagen/unterricht/tag07/08_str-substr.html
index cd2e721..9b05510 100644
--- a/01_grundlagen/unterricht/tag07/08_str-substr.html
+++ b/01_grundlagen/unterricht/tag07/08_str-substr.html
@@ -11,7 +11,7 @@
       <div class="container py-5">
         <h1>
           <a href="https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/String/substr"
-            >String.substr(startIndex, length) DEPREACATED</a
+            >String.substr(startIndex, length) DEPRECATED</a
           >
         </h1>
         <p>
diff --git a/01_grundlagen/unterricht/tag07/10_str-char-at.html b/01_grundlagen/unterricht/tag07/10_str-char-at.html
index 90840f1..6217349 100644
--- a/01_grundlagen/unterricht/tag07/10_str-char-at.html
+++ b/01_grundlagen/unterricht/tag07/10_str-char-at.html
@@ -28,7 +28,7 @@
       // String - Methode str.charAt(index)
 
       console.log('Lisa Simpos'.charAt(0)); // => 'L'
-      console.log('Lisa Simpon'.charAt(5)); // => 'S'
+      console.log('Lisa Simpons'.charAt(5)); // => 'S'
 
       // Default-Wert bei keiner Angabe ist 0
       console.log('Lisa Simpos'.charAt()); // => 'L'
diff --git a/01_grundlagen/unterricht/tag07/12_str-replace-all.html b/01_grundlagen/unterricht/tag07/12_str-replace-all.html
index 219bce5..f16950e 100644
--- a/01_grundlagen/unterricht/tag07/12_str-replace-all.html
+++ b/01_grundlagen/unterricht/tag07/12_str-replace-all.html
@@ -39,6 +39,9 @@
       // str.replaceAll - seit Juni 2021
       outputEl.textContent = productDescription.replaceAll(productName, newProductName);
 
+      console.log('I love JS. JS is the best language'.replace('JS', 'TS'));
+      // => 'I love TS. JS is the best language'
+
       console.log('I love JS. JS is the best language'.replace(/JS/g, 'TS'));
       // => 'I love TS. TS is the best language'