Exercice 8/8
Dans le fichier script.js :
Soit les variables result et longueur déja déclarées.
- utilisez
document.querySelectorAll()pour récupérer tous lesliet affectez le résultat àresult; - récupérez dans
longueurla longueur du tableau; - créez une boucle
foravec l'itérateuri; - dans la boucle affichez chaque élément avec
alert(); - cliquez sur Soumettre ma réponse.
Leçon 8/8
Pour récupérer une liste de plusieurs éléments HTML toujours en utilisant les sélecteurs css, il faut utiliser la fonction .querySelectorAll().
Cette fonction récupère aussi une liste (ou collection) d'éléments (comme getElementsByTagName() et getElementsByClassName()). Il faut donc une boucle pour parcourir les résultats.
214 Commentaires
-
chrislyane-36
bonjour, pouvez m'aiderle 06/11/2022 à 04h25
-
Patricio M Admin
SELECTOR avec Mayuscule, c'est une fonction de JS sensible à la case
le 07/11/2022 à 08h20
-
matthieu.tirnan-34
bonjour, mon code est le suivant:var result; var longueur;result=document.querySelectorAll("li");longueur=result.length;for(var i=0;i<longueur;i++){alert[i]}. J'ai en message d'erreur for doit alerter de chaque result, pouvez vous m'indiquez mon erreur s'il vous plait ?le 04/11/2022 à 16h03
-
Patricio M Admin
Matthieu, ton code fonctionne très bien!
le 07/11/2022 à 08h22
-
anthony-52
Bonjour! Dans alert, pourquoi mettre [i] entre crochets? on ne demandait pas un tableau si?le 03/06/2022 à 13h49
-
meriam Admin
Bonjour, pour afficher chaque élément du tableau ==> nomtableau[indice]
le 03/06/2022 à 14h49
-
verone86-58
là aussi, on me dit que la variable result ne contient pas la balise "li" alors qu'elle y est...le 28/05/2022 à 23h51
-
meriam Admin
Bonjour, vous avez déclaré deux fois les variable result et longueur avec le clé var.
le 07/06/2022 à 10h58
-
meriam Admin
Pour cet exercice, il faut séparer la déclaration des variables et l'affectation des resultats
le 07/06/2022 à 11h03
-
gracia.nicolas-10
Bonjour meriam, je débute en code j'avou ne pas avoir toujours compris se que je coder dans les exercices mais je compte néanmoins consolider les notions aborder pendant ces jours de codage. Neamoins savez-vous quels exercices ne fonctionnement pas ? j'ai le souci avec pas mal d'exo mais comme je comprend pas toujours se que j'ecrit c'est peu etre du fait de mes codes...le 26/11/2021 à 16h57
-
meriam Admin
Bonjour, c'est un bug qui va être résolu . Merci pour votre compréhension.
le 29/11/2021 à 00h11
-
yan28-81
bonjour, votre boucle ne doit boucler que 3 fois ?? code : var result; var longueur; result = document.querySelectorAll('li'); longueur = result.length; for (var i = 0; i<longueur; i++){alert(result[i])}le 26/11/2021 à 11h39
-
meriam Admin
Bonjour, c'est un bug qui va être résolu . Merci pour votre compréhension.
le 28/11/2021 à 23h44
-
nad-51
Bonjour, impossible de valider mes exercices dès que j'utilise: { même en remplaçant par } . Message: Boucle infinie. Alors que les modifications s'affichent pourtant sur la page. C'est systématique pour chaque exercices de ce type avec un code correct. Pouvez-vous m'aider svp?le 01/10/2021 à 12h16
-
meriam Admin
Bonjour, il faut déclarer la variable resut une seule fois avec le mot clé var.
le 01/10/2021 à 14h54
-
rosirisf77-81
bonsoir, encore un exercise que je n'arrive pas a valide, pouvez vous voir ce qui ne vas pas svp, mercile 02/01/2021 à 18h51
-
meriam Admin
Bonsoir, pour récupérer la longueur du tableau, il faut utiliser la méthode length (non pas lenght).
le 06/01/2021 à 16h40
-
meriam Admin
Pour la boucle for, il faut séparer les déclaration par un point virgule ";" ==> for(var i = 0; i < longueur; i++). Il faut supprimer le point-virgule juste avant l'accolade ouvrante de la boucle. la boucle )
le 06/01/2021 à 16h42
-
meriam Admin
Vous avez déclaré la variable result avec le mot clé var (deux fois)
le 06/01/2021 à 16h44
-
Gabriel_Armede-47
Encore un bug ..le 09/11/2020 à 09h45
-
meriam Admin
J'ai testé votre code et il fonctionne correctement.
le 09/11/2020 à 10h11
-
loutchay-74
Bonsoir, J'ai un petit souci avec mon code. Quand je soumets, le correcteur affiche: Votre boucle for ne contient pas d'instructions. Par avance, merci de votre réponse.le 11/10/2020 à 20h16
-
meriam Admin
supprimez le point virgule juste aprés la boucle.
le 14/10/2020 à 13h28
-
teodor.kobilarov-45
var result; var longueur; result = document.querySelectorAll("li"); longueur = result.length; for ( var i = 0 ; i < longueur ; i++) { alert([i]); } Votre script a mis trop de temps à s'exécuter, auriez-vous une boucle infinie ? Ou est mon erreur ?le 15/09/2020 à 13h04
-
meriam Admin
Bonjour, vous avez affiché le compteur i alors qu'on demande d'afficher chaque élément.
le 16/09/2020 à 06h38
-
ahmed_khaireddine-79
Bonjour, pour moi y a pas d'erreur dans mon code mais au moment de soumettre la reponse // mesg d'erreur :Votre boucle for ne doit boucler que 3 fois mon code => var result; var longueur; result = document.querySelectorAll("li"); longueur = result.length; for ( var i = 0; i < longueur; i++) { alert(result[i]); }le 27/08/2020 à 13h39
-
layla.kiddi-23
Bonjour j ai un message d'erreur qui me dit votre boucle ne contient pas d'instructions je ne vois pas l'erreur merci de m'aiderle 07/07/2020 à 13h08
-
meriam Admin
Bonjour, il faut supprimer le point virgule ";" juste aprés for (var i = 0; i < longueur; i++ );
le 07/07/2020 à 13h14
-
zedixa-68
Bonjour, var result; var longueur; result = document.querySelectorAll('li'); longueur = result.length; for (var i = 0; i<longueur; i++) { alert(result[i]); } // msg erreur: votre boucle ne doit boucler que 3 fois!le 06/06/2020 à 16h27
-
meriam Admin
le dernier code est correct.
le 08/06/2020 à 12h26
-
meriam Admin
cliquez une autre fois sur le bouton soumettre pour valider l'exercice.
le 08/06/2020 à 12h27
-
farestakorabt-3
message d'erreur : Votre variable result ne contient pas les balises lile 29/05/2020 à 06h58
-
meriam Admin
Bonjour, votre code est correct, il suffit de séparer la déclaration des variables et l'affectation.
le 29/05/2020 à 10h16
Commentaires les mieux notés