Фаъол кардани элементҳо дар JavaScript

Бигзор мо як ҷадвали 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');
  });
}