BananaMaster

32 Generator für Bewertungssterne, for-Praxis (JS-Lektionen)

Falls du etwas vergessen hast — klicke, um zur Lektion zurückzukehren.

📘 Aufgabe: Filmbewertung

Erstelle eine Anwendung "Filmbewertung".

Der Benutzer gibt eine Zahl von 1 bis 10 ein. Nach dem Klick auf den Button muss:

• Mit der for-Schleife die gewünschte Anzahl Sterne erstellen
• Das Ergebnis auf der Seite anzeigen

📐 Logik der Funktionsweise:

• Die Zahl aus dem Eingabefeld holen
• Eine for-Schleife von 1 bis zur eingegebenen Zahl starten
• Bei jeder Iteration einen Stern ⭐ hinzufügen
• Die fertige Bewertung auf der Seite anzeigen

📐 Wertüberprüfung:

• Mindestwert: 1
• Höchstwert: 10
• Ist die Zahl kleiner als 1 oder größer als 10 — einen Fehler ausgeben:
  <p class="error"> Please enter a number from 1 to 10 </p>

📐 HTML-Struktur des Ergebnisses:

• Container für die Bewertung div class="rating"
• Die Sterne müssen innerhalb des Containers hinzugefügt werden

<div class="rating">
    ⭐⭐⭐⭐⭐
</div>

🧪 Beispiele:

• Eingabe: 3
• Ergebnis: ⭐⭐⭐

• Eingabe: 5
• Ergebnis: ⭐⭐⭐⭐⭐

• Eingabe: 10
• Ergebnis: ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐

📌 Wichtig:
Die Sterne müssen über die for-Schleife erzeugt werden. Am HTML muss nichts geändert werden.