BananaMaster

32 Générateur d'étoiles de notation, pratique de for (Leçons JS)

Si tu as oublié quelque chose — clique pour retourner à la leçon.

📘 Tâche : Note du film

Créez une application "Note du film".

L'utilisateur saisit un nombre de 1 à 10. Après avoir cliqué sur le bouton, il faut :

• À l'aide de la boucle for, créer le nombre d'étoiles voulu
• Afficher le résultat sur la page

📐 Logique de fonctionnement :

• Récupérer le nombre depuis le champ de saisie
• Lancer une boucle for de 1 jusqu'au nombre saisi
• À chaque itération, ajouter une étoile ⭐
• Afficher la note terminée sur la page

📐 Vérification de la valeur :

• Valeur minimale : 1
• Valeur maximale : 10
• Si le nombre est inférieur à 1 ou supérieur à 10 — afficher une erreur :
  <p class="error"> Please enter a number from 1 to 10 </p>

📐 Structure HTML du résultat :

• Le conteneur pour la note div class="rating"
• Les étoiles doivent être ajoutées à l'intérieur du conteneur

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

🧪 Exemples :

• Saisie : 3
• Résultat : ⭐⭐⭐

• Saisie : 5
• Résultat : ⭐⭐⭐⭐⭐

• Saisie : 10
• Résultat : ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐

📌 Important :
Les étoiles doivent être générées via la boucle for. Ne modifiez rien dans le HTML.