BananaMaster

33 Emoji Generator, pratique de for (Leçons JS)

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

📘 Tâche : Emoji Generator

Créez une application "Emoji Generator".

L'utilisateur saisit un nombre de 1 à 15 et choisit un type d'emoji via <select>. Après avoir cliqué sur le bouton, il faut :

• À l'aide de la boucle for, afficher le nombre voulu d'emoji choisis
• Utiliser if pour vérifier l'intervalle
• Si le nombre est inférieur à 1 ou supérieur à 15 — afficher un message d'erreur
• Utiliser switch ou if pour choisir l'emoji

🎛️ Options du select :

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

📐 Logique de fonctionnement :

• Récupérer le nombre depuis l'input
• Vérifier avec if que le nombre est dans l'intervalle de 1 à 15
• Si le nombre ne convient pas — afficher une erreur
  <p class="error"> Please enter a number from 1 to 15 </p>
• Lancer une boucle for de 1 jusqu'au nombre saisi
• À chaque appel, ajouter à l'ancienne valeur un nouveau groupe d'emoji choisis (+=)

🧪 Exemples :

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

📐 Structure HTML du résultat :

• Le conteneur div class="emoji-row"
• Les emoji doivent être ajoutés à l'intérieur du conteneur

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

📌 Important :

• La boucle for ne s'occupe que du nombre d'emoji
• Le select ne s'occupe que du choix du type
• La vérification de l'intervalle doit se faire avec if