30 Generator für Einmaleins-Tabelle, for-Praxis (JS-Lektionen)
📘 Aufgabe: Einmaleins-Tabelle
Erstelle eine Anwendung "Einmaleins-Tabelle".
Der Benutzer gibt eine Zahl ein.
Nach dem Klick auf den Button muss:
- Mit der
for-Schleife eine Einmaleins-Tabelle von 1 bis 10 erstellen
- Alle Ergebnisse auf der Seite anzeigen
📐 Logik der Funktionsweise:
- Nimm die Zahl des Benutzers aus dem Eingabefeld (input)
- Starte eine
for-Schleife von 1 bis 10
- Multipliziere bei jeder Iteration die Zahl des Benutzers mit dem aktuellen Schleifenwert
- Füge eine Zeile mit dem Ergebnis im HTML hinzu
- Formel: v x i = v * i
- Jeder Schleifendurchlauf soll ein eigenes
div-Tag mit der Klasse row erstellen.
🧪 Beispiele:
- 5 × 1 = 5
- 5 × 2 = 10
- 5 × 3 = 15
- 5 × 4 = 20
- 5 × 5 = 25
- 5 × 6 = 30
- 5 × 7 = 35
- 5 × 8 = 40
- 5 × 9 = 45
- 5 × 10 = 50
📌 Wichtig:
Jede Zeile der Tabelle muss über die for-Schleife erstellt werden.
Am HTML muss nichts geändert werden.