Exercice 1/6

Dans le fichier "script.js" :

  • déclarez la variable br qui contiendra un retour à la ligne (la balise html <br>);
  • créez une boucle for avec un itérateur i qui a la valeur 0;
  • la boucle doit s'exécuter tant que ì est strictement inférieur à 10;
  • à chaque fin de boucle, il faut incrémenter i;
  • la boucle doit afficher la valeur de i suivi du retour à la ligne br avec document.write();;
  • cliquez sur "Soumettre ma réponse".

Remarque :

Ici vous utiliserez le code document.write(); pour afficher ce qui est demandé. Ce code fonctionne comme alert() à la différence que le résultat ne sera pas affiché dans une pop-up mais directement dans la page web.

write() est une fonction native de Javascript qui s'applique à document qui représente le squelette html de votre page web.

Nous verrons dans un chapitre spécifique comment utiliser Javascript pour modifier le DOM d'une page web. document.write(); en est un aperçu.

Leçon 1/6

Les boucles sont aussi des structures de contrôles qui permettent de contrôler le flux d'exécution de votre script en fonction de critères ou conditions que vous aurez définis. Cela ajoute un degré d'intelligence à votre code.

À quoi ça sert ?

Une boucle permet d'exécuter une portion de code un certain nombre de fois.

La structure de base d'une boucle est très similaire à un if à la différence que le mot-clé n'est pas le même (ce n'est pas if mais un autre mot).
Chaque fois que vous utiliserez une boucle, il faudra s'arranger pour sortir de la boucle à un moment donné : si votre boucle tourne à l'infini, ça fera planter votre navigateur.

Dans cet exercice vous allez voir le premier type de boucle : for.

Exemple théorique :

for (declaration1;declaration2;declaration3)
&#123;
    // Code à exécuter
}
  • declaration1 est exécuté avant que la boucle ne commence;
  • declaration2 est la condition pour exécuter la boucle;
  • declaration3 est exécuté à chaque itération de la boucle;

Exemple pratique :

Ci-dessous un exemple concrêt d'une boucle qui s'exécute tant que number est inférieur ou égal à 5.

for (var i = 0; i <= 5; i++)
&#123;
    alert("La boucle est à l'itération "+i);
}

Ici, la boucle sera exécutée 6 fois, on dit qu'il y a 6 itérations. Pour chaque itération la boucle affichera dans une pop-up le numéro de l'itération.

Comment ça marche :

  • avant la première exécution de la boucle, on déclare i = 0;
  • tant que i <= 5 on exécute ce qu'il y a dans la boucle;
  • à chaque fin d'itération (donc une fois que le code est exécuté), on incrémente i++;

Commentaires les mieux notés

351 Commentaires

  • pascalhuppermans-100

    pascalhuppermans-100

    Bonjour, mon code est bon, mais cependant j'ai une alert au niveau de document.write qui m'indique "document.write can be a form of eval" so, why ?

    le 07/03/2023 à 14h04

  • Patricio M

    Patricio M Admin

    C'est un WARNING et pas une ERREUR, ne t'inquiètes pas

    le 08/03/2023 à 07h59

  • nolan.lebeau-43

    nolan.lebeau-43

    bonjour j'aurais besoin d'aide svp

    le 04/03/2023 à 10h06

  • Patricio M

    Patricio M Admin

    Pas besoin... code correct :)

    le 06/03/2023 à 07h54

  • noute9

    noute9

    Bonjour, je suis bloquée sans comprendre pourquoi. Pouvez-vous m'aider ? merci d'avance

    le 13/09/2022 à 06h39

  • Patricio M

    Patricio M Admin

    Noute, écris la déclaration de la variable i dans le FOR et non à l'extérieur.

    le 14/09/2022 à 15h09

  • mouzon.quentin-42

    mouzon.quentin-42

    Je viens de trouver mon erreur .... l'oublie de "var" au début de la condition du "for"... Désolé

    le 11/07/2022 à 11h18

  • meriam

    meriam Admin

    N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.Bon travail.

    le 11/07/2022 à 11h34

  • mouzon.quentin-42

    mouzon.quentin-42

    Bonjour, je ne comprends pas vraiment mon erreur.. Le LocalHost s'affiche correctement, mais le message "Vous devez avoir une boucle for dans votre script." =====> Mon script : var br = "<br>"; var i; for (i=0; i<10; i++) &#123; document.write(i+br) }

    le 11/07/2022 à 11h10

  • meriam

    meriam Admin

    Bonjour, vous devez déclarer i avec le mot clé var au moment de la création de la boucle for

    le 11/07/2022 à 11h34

  • mouzon.quentin-42

    mouzon.quentin-42

    Bonjour, je ne comprends pas vraiment mon erreur.. Le LocalHost s'affiche correctement, mais le message "Vous devez avoir une boucle for dans votre script."

    le 11/07/2022 à 11h08

  • meriam

    meriam Admin

    Bonjour joel, vous devez déclarer la variable i avec le mot clé clé var au moment de la création de la boucle for.

    le 11/07/2022 à 11h13

  • meriam

    meriam Admin

    Bonjour, vous devez déclarer la variable i avec le mot clé clé var au moment de la création de la boucle for.

    le 11/07/2022 à 13h41

  • souetrejeremy-34

    souetrejeremy-34

    En quoi est-ce que la syntaxe de ce "for" pose problème ici ? var br ="<br>"; for (var i = 0;i<10;<i++); &#123; document.write(i+br); }

    le 28/06/2022 à 07h50

  • meriam

    meriam Admin

    Bonjour, vous avez une erreur au niveau de cette ligne de code :var br=i<br>; => il faut déclatrer la variable br avec var et attribuez la valeur demandée var br ="<br>"

    le 28/06/2022 à 10h02

  • jeremydetrain.pro-59

    jeremydetrain.pro-59

    Bonjour, je ne comprend pas mon erreur ici. Voici mon code. var br = "<br>"; for (i = 0; i < 10; i++) &#123; document.write(i + br); }

    le 24/06/2022 à 12h08

  • meriam

    meriam Admin

    Bonjour, il faut déclarer la variable i avec le mot clé var au moment de la création de la boucle for.

    le 24/06/2022 à 14h30

  • jeremydetrain.pro-59

    jeremydetrain.pro-59

    Bonjour, je ne comprend pas mon erreur ici. Voici mon code.

    le 24/06/2022 à 12h08

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 24/06/2022 à 15h00

  • jeremydetrain.pro-59

    jeremydetrain.pro-59

    Bonjour, je ne comprend pas mon erreur ici. Voici mon code.

    le 24/06/2022 à 12h08

  • meriam

    meriam Admin

    Bonjour, vous devez déclarer i avec le mot clé var.

    le 24/06/2022 à 14h31

  • mickael.nom-26

    mickael.nom-26

    Bonjour, Pouvez-vous m'aider svp ? erreur : Vous devez avoir une boucle for dans votre script. Mon code : var br = "<br>"; for (i = 0; i < 10; i++) &#123; document.write(i + br); }

    le 20/04/2022 à 13h34

  • meriam

    meriam Admin

    Bonjour, vous n'avez pas déclaré la variable i avec le mot clé var.

    le 20/04/2022 à 14h49

  • alexis.beucher-64

    alexis.beucher-64

    Bonjour je ne comprends pas mon erreur

    le 24/01/2022 à 11h46

  • meriam

    meriam Admin

    Bonjour, vous devez supprimer le point le virgule que avez ajouté aprés l'accoalde ouvrante de la boucle for.

    le 24/01/2022 à 13h40

  • tullusovucre-1845-2

    tullusovucre-1845-2

    la barre 'bot bleu' est mal placé, juste a coté de l'énoncé, c'est un peu genant

    le 20/01/2022 à 15h57

  • meriam

    meriam Admin

    Bonjour, votre remarque sera prise en considération.

    le 21/01/2022 à 12h06

  • cyrille.chateau56-29

    cyrille.chateau56-29

    Bonjour je ne comprend pas mon erreur

    le 14/01/2022 à 15h47

  • meriam

    meriam Admin

    Bonjour, vous avez oublié d'ajouter les accolades de la boucle for

    le 14/01/2022 à 16h33

  • anthony.leloup-34

    anthony.leloup-34

    Bonjour, j'ai un message d'erreur " vous devez avoir une boucle for dans votre script, pourtant tout me semble correct?

    le 12/12/2021 à 22h31

  • meriam

    meriam Admin

    Bonjour, vous devez déclarer l

    le 13/12/2021 à 13h05

  • meriam

    meriam Admin

    Bonjour, vous devez déclarer la variable i avec le mot clé var au moment de la création de la boucle.

    le 13/12/2021 à 13h06

index.html
script.js
<!DOCTYPE HTML> <html> <head> <title>La boucle for</title> <script src="script.js"></script> </head> <body> </body> </html>