DOM elements numbering in JavaScript

Understanding iterators makes it easy to add numbers to DOM elements. Let, for example, we have paragraphs:

<

+html+>

text

text

text

<

-html->

Let's get a collection of these paragraphs into a variable:

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

Let's use the built-in iterator entries to iterate:

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

Let's use destructuring to separate numbers from elements:

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

We add a paragraph number to the end of each paragraph:

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