Numeração de elementos DOM em JavaScript

Compreender os iteradores permite adicionar facilmente números aos elementos DOM. Suponha, por exemplo, que temos parágrafos:

html<p>texto</p>
<p>texto</p>
<p>texto</p>

Vamos obter uma coleção desses parágrafos em uma variável:

javascriptlet elems = document.querySelectorAll('p');

Vamos usar o iterador integrado entries para o loop:

javascriptfor (let entry of elems.entries()) {
  console.log(entry);
}

Vamos usar a desestruturação para separar os números dos elementos:

javascriptfor (let [num, elem] of elems.entries()) {
  console.log(num, elem);
}

Vamos adicionar ao final de cada parágrafo o seu número de ordem:

javascriptfor (let [num, elem] of elems.entries()) {
  elem.textContent += num;
}