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

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

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

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

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

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

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

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

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

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

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

Дадена е HTML табела. Нумерирајте ја секоја ќелија од оваа табела.