BananaMaster

29 - Les littéraux de gabarit dans la boucle for ``, incrémentation et décrémentation ( Leçons JS )

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

Task 1.

Faites une boucle de 1 à 10. Affichez tous les nombres en un seul console.log. Résultat : 1 2 3 4 5 6 7 8 9 10

Task 2.

Faites une boucle de 10 à 1. Affichez tous les nombres en un seul console.log. Résultat : 10 9 8 7 6 5 4 3 2 1

Task 3.

Créez un div sur la page. Faites une boucle de 1 à 7. Enveloppez chaque nombre dans une balise <p> via un littéral de gabarit. Affichez le tout dans le div.

Task 4.

Créez un div sur la page. Faites une boucle de 1 à 10. À chaque itération, multipliez le nombre par 2, créez une balise HTML <p> séparée et affichez le résultat à l'intérieur via un littéral de gabarit. Format de sortie :

<p>2 * 1 = 2</p>

<p>2 * 2 = 4</p>

...

<p>2 * 10 = 20</p>

Task 5.

Créez un ul sur la page. Faites une boucle de 1 à 8. Enveloppez chaque élément dans une balise <li> via un littéral de gabarit. Texte à l'intérieur : Item 1, Item 2, etc. Affichez le résultat dans la balise <ul>.

Task 6.

Créez un input, un div et un button. L'utilisateur saisit un nombre. Faites une boucle du nombre saisi jusqu'à 1. Affichez le compte à rebours dans le div, en créant pour chaque valeur un élément séparé <p> via des littéraux de gabarit.

Tout à la fin, après la boucle, ajoutez <p>GO!</p>

Le résultat pour une saisie de 5 doit ressembler à ceci :

5

4

3

2

1

GO!

Task 7.

Créez un input pour le nom, un input pour le nombre, un div et un button. L'utilisateur saisit un nom et un nombre. Faites une boucle de 1 jusqu'au nombre saisi. Affichez le résultat dans le div, en créant chaque sortie dans une balise séparée <p> via un littéral de gabarit.

Résultat si User et 3 sont saisis :

<p>User</p>

<p>User</p>

<p>User</p>