38 - Verschachtelte for-Schleifen, Price Matrix (JS-Lektionen)
📘 Aufgabe: Price Matrix
Der Benutzer gibt eine Zahl von 1 bis 10 ein.
Nach dem Klick auf den Button soll folgendes Ergebnis angezeigt werden:
$1
( $11 $21 $31 $41 $51 )
$2
( $12 $22 $32 $42 $52 )
$3
( $13 $23 $33 $43 $53 )
- Verschachtelte
for-Schleifen verwenden
if zur Bereichsprüfung verwenden- Ist die Zahl kleiner als 1 oder größer als 10 — eine Fehlermeldung ausgeben
📐 Logik der Funktionsweise:
- Die Zahl aus dem input holen
- Prüfen, dass sie im Bereich von 1 bis 10 liegt
- Die äußere Schleife erstellt die Zeilen (
$1, $2, $3...)
- Die innere Schleife erstellt die Werte in den Klammern
- Jeden neuen Wert mit
+= hinzufügen
🧪 Beispiel:
Input: 3
$1
( $11 $21 $31 $41 $51 )
$2
( $12 $22 $32 $42 $52 )
$3
( $13 $23 $33 $43 $53 )
📐 HTML-Struktur des Ergebnisses:
- Jede Zeile muss sich in einem
div class="price-row" befinden
<div>
$2
( $12 $22 $32 $42 $52 )
</div>
📌 Wichtig:
- Die äußere Schleife ist für die Zeilen zuständig
- Die innere Schleife ist für die Werte in der Zeile zuständig
- Die Bereichsprüfung muss über
if erfolgen