Méthode pour affecter des événements sur une collection d'éléments

Bonjour à tous,
Jusqu'à maintenant j'ai utilisé des méthodes assez compliquées pour être compatible avec IE.
J'abandonne maintenant ce navigateur et je cherche à créer le plus simplement possible un écouteur d'événement sur chaque élément d'une collection d'éléments avec une boucle. Je trouve des cours sur les boucles et d'autres sur les événements mais je n'arrive pas à les combiner.
Voici un début de code:

Code:

---

1 2 3 4 5 6 7 8

"use strict";   const imgScore = window.document.querySelectorAll('[name*=star]') ;   var imgStars = Array.from(imgScore); console.log(imgStars);

---

Bonjour,

Pas la peine d'utiliser Array.from avec imgScore en paramètre, car ce dernier est déjà un tableau (de NodeList) :

Code:

---

1 2 3 4 5 6 7 8 9

"use strict"; const imgScore = window.document.querySelectorAll('[name*=star]'); imgScore.forEach(function(elem,index){ //tu peux utiliser l'index si t'en a besoin... elem.addEventListener("click",function(){ alert("clicked on "+this.name); }); });

---

Bonjour,

Citation:

---

Envoyé par Toufik83

..., car ce dernier est déjà un tableau :

---

:nono: il s'agit d'une NodeList :

Citation:

---

Envoyé par NodeList sur MDN

Bien que NodeList ne soit pas un tableau (Array), il est possible d'itérer dessus en utilisant forEach(). Il peut également être converti en tableau (Array) en utilisant Array.from().

---

oui NoSmoking, :aie: je n'ai pas utilisé le bon mot.

Ah, c'est super, tout marche comme je veux. Merci à vous deux.