JavaScript-এ DOM এলিমেন্ট নম্বর করা

ইটারেটর বোঝা সহজেই DOM এলিমেন্টে নম্বর যোগ করতে দেয়। ধরুন, উদাহরণস্বরূপ, আমাদের আছে প্যারাগ্রাফ:

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

আসুন একটি ভেরিয়েবলে এই প্যারাগ্রাফগুলির সংগ্রহ পাই:

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

আসুন অন্তর্নির্মিত ইটারেটর entries ব্যবহার করে遍历 করি:

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

এলিমেন্ট থেকে নম্বর আলাদা করতে ডিস্ট্রাকচারিং ব্যবহার করি:

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

আসুন প্রতিটি প্যারাগ্রাফের শেষে যোগ করি তার ক্রমিক নম্বর:

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