BananaMaster

33 - Emoji Generator, for loop practice (JS lessons)

If you forgot something, click to go to the lesson

📘 Task: Emoji Generator

Build an "Emoji Generator" application.

The user enters a number from 1 to 15 and picks an emoji type via a <select>. After clicking the button:

• Use a for loop to display the chosen number of selected emoji
• Use if to validate the range
• If the number is less than 1 or greater than 15 — show an error message
• Use switch or if to pick the emoji

🎛️ Select options:

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

📐 How it works:

• Read the number from the input
• Use if to check that the number is between 1 and 15
• If invalid — display an error:
  <p class="error">Please enter a number from 1 to 15</p>
• Run a for loop from 1 to the entered number
• On each iteration append the selected emoji to the previous value using +=

🧪 Examples:

• Input: 5 + Happy 😀 → 😀😀😀😀😀
• Input: 3 + Angry 😡 → (previous) 😡😡😡
• Input: 10 + Cool 😎 → (previous) 😎😎😎😎😎😎😎😎😎😎

📐 HTML structure of the result:

• Container div class="emoji-row"
• Emoji must be added inside the container

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

📌 Important:

• The for loop controls only the quantity of emoji
• The select controls only the type
• Range validation must be done with if