Penomoran Elemen DOM dalam JavaScript

Pemahaman tentang iterator memudahkan untuk menambahkan nomor pada elemen DOM. Misalnya, kita memiliki beberapa paragraf:

html<p>teks</p>
<p>teks</p>
<p>teks</p>

Mari kita dapatkan kumpulan paragraf tersebut ke dalam variabel:

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

Mari gunakan iterator bawaan entries untuk perulangan:

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

Mari gunakan destructuring untuk memisahkan nomor dari elemen:

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

Mari tambahkan nomor urutnya di akhir setiap paragraf:

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