07_js-debug/uebungen/u10_einkaufspreis/index.html

@@ -0,0 +1,44 @@
+<!doctype html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Übung 10: Einkaufspreis</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
+    <script src="index.js" defer></script>
+  </head>
+  <body>
+    <main>
+      <div class="container py-5">
+        <div class="alert alert-primary">
+          <h2>Übung 10: Einkaufspreis</h2>
+          <p>
+            In dieser Übung ist es dein Ziel, alle Tippfehler zu identifizieren und zu beheben, um sicherzustellen, dass
+            der Code korrekt ausgeführt wird. Du kannst den Code mit node FILENAME.js ausführen.
+          </p>
+
+          <h5>Hinweise</h5>
+          <ul class="list list-group">
+            <li class="list-group-item">
+              <strong>Datentypen:</strong> Achte auf die erwarteten Datentypen bei Operationen wie arithmetischen
+              Berechnungen, String-Manipulationen und Methodenaufrufen.
+            </li>
+            <li class="list-group-item">
+              <strong>Property-Namen:</strong> Stelle sicher, dass die in Funktionen verwendeten Objekt-Properties
+              existieren und den richtigen Typ haben.
+            </li>
+
+            <li class="list-group-item">
+              <strong>Array-Methoden:</strong> Überprüfe, dass Array-Methoden tatsächlich auf Arrays und nicht auf
+              Strings oder anderen Typen aufgerufen werden.
+            </li>
+            <li class="list-group-item">
+              <strong>Typkonvertierung:</strong> Konvertiere Datentypen bei Bedarf explizit, um Type Mismatches zu
+              vermeiden.
+            </li>
+          </ul>
+        </div>
+      </div>
+    </main>
+  </body>
+</html>

07_js-debug/uebungen/u11_calculate-avg-error/index.js

@@ -6,3 +6,6 @@ function calculateAverage(numbers) {
 
 console.log(calculateAverage([10, 20, 30])); // => 20
 console.log(calculateAverage([5, 15, 25, 35])); // => 20
+
+// Übung 11: calculateAverage Fehler
+// Die Kommentare zeigen das erwartete Ergebnis.

07_js-debug/uebungen/u12_find-maximum-error/index.js

@@ -12,3 +12,6 @@ function findMaximum(a, b, c) {
 console.log(findMaximum(1, 2, 3)); // => 3
 console.log(findMaximum(102, 59, 18)); // => 102
 console.log(findMaximum(532, 532, 345)); // => 532
+
+// Übung 12: findMaximum Fehler
+// Die Kommentare zeigen das erwartete Ergebnis.

07_js-debug/uebungen/u13_temp-converter/assets/js/preset.js

@@ -43,3 +43,14 @@
   // ===== CALL INIT =====
   init();
 })();
+
+// Übung 13: Temperatur Konverter
+// Das Folgende ist ein Temperaturumrechner. Der Benutzer kann die Celcius-Temperatur eingeben und sie dann in Fahrenheit umrechnen. Du kannst die folgenden Dateien kopieren und sie in deinen eigenen Projektordner mit der folgenden Struktur einfügen (Codebeispiel 68):
+
+// temperature-converter/
+// ├── index.html
+// └── main.js
+
+// Deine Aufgabe ist es, die Anwendung zu reparieren. Schauen wir uns ein Beispiel an, wie die Anwendung funktionieren sollte: Der Benutzer gibt 100 in das Eingabefeld ein und klickt dann auf "Convert to Fahrenheit". Das Ergebnis unten sollte "212.00 °F" anzeigen.
+
+// Verwende die Anweisung console.log, um die Anwendung zu debuggen.