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

ইটারেটর বোঝা সহজেই 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 টেবিল দেওয়া আছে। প্রতিটি টেবিল সেল নম্বর করুন।