জাভাস্ক্রিপ্টে এলিমেন্ট সক্রিয়করণ

ধরুন আমাদের কাছে কিছু HTML টেবিল #table আছে যার কোষগুলি খালি।

আসুন আমরা এমন করি যাতে কোনও কোষে ক্লিক করলে সেটি কোনও না কোনওভাবে সক্রিয় হয়, উদাহরণস্বরূপ, লাল ব্যাকগ্রাউন্ডের হয়ে ওঠে। এর জন্য সক্রিয় কোষগুলিকে আমরা কিছু CSS ক্লাস দেব:

css.active {
  background: red;
}

আসুন সক্রিয়করণ বাস্তবায়ন করি:

javascriptlet tds = document.querySelectorAll('#table td');

for (let td of tds) {
  td.addEventListener('click', function() {
    this.classList.add('active');
  });
}