BananaMaster

32 - Gerador de Avaliação com Estrelas, prática com loop for (Aulas JS)

Se esqueceu algo, clique para ir à aula

📘 Tarefa: Avaliação de Filme

Construa um aplicativo "Avaliação de Filme".

O usuário digita um número de 1 a 10. Após clicar no botão:

• Use um loop for para gerar o número necessário de estrelas
• Exiba o resultado na página

📐 Como funciona:

• Leia o número do campo input
• Execute um loop for de 1 até o número digitado
• A cada iteração, adicione uma estrela ⭐
• Exiba a avaliação finalizada na página

📐 Validação:

• Valor mínimo: 1
• Valor máximo: 10
• Se o número for menor que 1 ou maior que 10 — exiba um erro:
  <p class="error">Por favor, digite um número de 1 a 10</p>

📐 Estrutura HTML do resultado:

• Contêiner da avaliação div class="rating"
• As estrelas devem ser adicionadas dentro do contêiner

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

🧪 Exemplos:

• Entrada: 3 → Resultado: ⭐⭐⭐

• Entrada: 5 → Resultado: ⭐⭐⭐⭐⭐

• Entrada: 10 → Resultado: ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐

📌 Importante:
As estrelas devem ser geradas pelo loop for. Não altere nada no HTML.