Transmission du numéro d'ordre dans le callback en JavaScript
Faisons en sorte que, si un second paramètre est défini dans notre fonction de rappel, il reçoive le numéro d'ordre de l'élément dans l'ensemble d'éléments trouvé :
forEach('.elem', function(elem, index) {
console.log(elem); // affichera l'élément
console.log(index); // affichera le numéro d'ordre de l'élément
});
En utilisant ce paramètre, nous pouvons, par exemple, ajouter à la fin de chaque élément son numéro d'ordre :
forEach('.elem', function(elem, index) {
elem.textContent = elem.textContent + index;
});
Modifions le code de notre fonction forEach pour réaliser ce qui a été décrit :
function forEach(selector, func) {
let elems = document.querySelectorAll(selector);
for (let i = 0; i < elems.length; i++) {
func(elems[i], i);
}
}
Des paragraphes sont donnés. En utilisant la fonction
forEach que nous avons créée,
ajoutez au début de chaque paragraphe son numéro d'ordre.
