Passando o número de ordem no callback em JavaScript
Vamos fazer com que, se na nossa função de callback estiver escrito um segundo parâmetro, ele receba o número de ordem do elemento no conjunto de elementos encontrado:
forEach('.elem', function(elem, index) {
console.log(elem); // exibirá o elemento
console.log(index); // exibirá o número de ordem do elemento
});
Usando este parâmetro, podemos, por exemplo, adicionar ao final de cada elemento o seu número de ordem:
forEach('.elem', function(elem, index) {
elem.textContent = elem.textContent + index;
});
Vamos modificar o código da nossa função forEach para implementar o descrito:
function forEach(selector, func) {
let elems = document.querySelectorAll(selector);
for (let i = 0; i < elems.length; i++) {
func(elems[i], i);
}
}
Existem parágrafos. Usando a nossa função
forEach para cada parágrafo, adicione
no início dele o seu número de ordem.
