Нумерирање на DOM елементи во JavaScript

Разбирањето на итератори овозможува лесно додавање на броеви на DOM елементи. Да речеме, на пример, дека имаме параграфи:

html<p>text</p>
<p>text</p>
<p>text</p>

Да ја добиеме колекцијата од овие параграфи во променлива:

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

Да го искористиме вградениот итератор entries за повторување:

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

Да ја искористиме деструктуризацијата за да ги одделиме броевите од елементите:

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

Да му додадеме на секој параграф на крајот неговиот редоследен број:

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