BananaMaster

33 - Gerador de Emoji, prática com loop for (Aulas JS)

Se esqueceu algo, clique para ir à aula

📘 Tarefa: Gerador de Emoji

Construa um aplicativo "Gerador de Emoji".

O usuário digita um número de 1 a 15 e escolhe um tipo de emoji via <select>. Após clicar no botão:

• Use um loop for para exibir a quantidade escolhida do emoji selecionado
• Use if para validar o intervalo
• Se o número for menor que 1 ou maior que 15 — exiba uma mensagem de erro
• Use switch ou if para escolher o emoji

🎛️ Opções do select:

• Feliz 😀
• Triste 😢
• Legal 😎
• Irritado 😡

📐 Como funciona:

• Leia o número do input
• Use if para verificar se o número está entre 1 e 15
• Se inválido — exiba um erro:
  <p class="error">Por favor, digite um número de 1 a 15</p>
• Execute um loop for de 1 até o número digitado
• A cada iteração, adicione o emoji selecionado ao valor anterior usando +=

🧪 Exemplos:

• Entrada: 5 + Feliz 😀 → 😀😀😀😀😀
• Entrada: 3 + Irritado 😡 → (anterior) 😡😡😡
• Entrada: 10 + Legal 😎 → (anterior) 😎😎😎😎😎😎😎😎😎😎

📐 Estrutura HTML do resultado:

• Contêiner div class="emoji-row"
• Os emojis devem ser adicionados dentro do contêiner

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

📌 Importante:

• O loop for controla apenas a quantidade de emojis
• O select controla apenas o tipo
• A validação do intervalo deve ser feita com if