Нумарацыя 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 табліца. Пранумаруйце кожную ячэйку гэтай табліцы.