BananaMaster

33 Emoji Generator, for-Praxis (JS-Lektionen)

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

📘 Aufgabe: Emoji Generator

Erstelle eine Anwendung "Emoji Generator".

Der Benutzer gibt eine Zahl von 1 bis 15 ein und wählt einen Emoji-Typ über <select>. Nach dem Klick auf den Button muss:

• Mit der for-Schleife die gewünschte Anzahl gewählter Emojis ausgeben
• if zur Bereichsprüfung verwenden
• Ist die Zahl kleiner als 1 oder größer als 15 — eine Fehlermeldung ausgeben
• switch oder if zur Emoji-Auswahl verwenden

🎛️ Optionen im select:

• Happy 😀
• Sad 😢
• Cool 😎
• Angry 😡

📐 Logik der Funktionsweise:

• Die Zahl aus dem input holen
• Mit if prüfen, dass die Zahl im Bereich von 1 bis 15 liegt
• Passt die Zahl nicht — einen Fehler ausgeben
  <p class="error"> Please enter a number from 1 to 15 </p>
• Eine for-Schleife von 1 bis zur eingegebenen Zahl starten
• Bei jedem Aufruf eine neue Gruppe gewählter Emojis zum alten Wert hinzufügen (+=)

🧪 Beispiele:

• Eingabe: 5 + Happy 😀 →
• 😀😀😀😀😀
• Eingabe: 3 + Angry 😡 →
• 😀😀😀😀😀
• 😡😡😡
• Eingabe: 10 + Cool 😎 →
• 😀😀😀😀😀
• 😡😡😡
• 😎😎😎😎😎😎😎😎😎😎

📐 HTML-Struktur des Ergebnisses:

• Container div class="emoji-row"
• Die Emojis müssen innerhalb des Containers hinzugefügt werden

<div class="emoji-row">
    😎😎😎😎😎😎😎
</div>

📌 Wichtig:

• Die for-Schleife ist nur für die Anzahl der Emojis zuständig
• select ist nur für die Auswahl des Typs zuständig
• Die Bereichsprüfung muss über if erfolgen