JavaScript da elementlarni faollashtirish

Faraz qilaylik, bizda #table bo'sh katakchalar bilan to'ldirilgan HTML jadval mavjud.

Keling, har qanday katakchaga bosilganda u qandaydir tarzda faollashadi, masalan, fon qizil rangga aylanishi uchun qilaylik. Buning uchun faollashtirilgan katakchalarqa qandaydir CSS klass beramiz:

css.active {
  background: red;
}

Keling, faollashtirishni amalga oshiramiz:

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

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