DOM elementlarni JavaScriptda raqamlash

Iteratorlarni tushunish DOM elementlariga raqam qo'shishni osonlashtiradi. Misol tariqasida, bizda quyidagi abzatslar bor:

html<p>matn</p>
<p>matn</p>
<p>matn</p>

Keling, ushbu abzatslar to'plamini o'zgaruvchiga olaylik:

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

Takrorlash uchun o'rnatilgan entries iteratoridan foydalanamiz:

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

Raqamlarni elementlardan ajratish uchun destrukturalashtirishdan foydalanamiz:

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

Har bir abzatsning oxiriga uning tartib raqamini qo'shamiz:

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