DOM elementide nummerdamine JavaScriptis

Iteratiivide mõistmine võimaldab hõlpsalt lisada DOM elementidele numbreid. Oletame näiteks, et meil on lõigud:

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

Hankige nende lõikude kogum muutujasse:

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

Kasutame läbimiseks sisseehitatud iteratiivi entries:

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

Kasutame destruktureerimist, et eraldada numbrid elementidest:

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

Lisame igale lõigule lõppu selle järjekorranumbri:

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