Elementide aktiveerimine JavaScriptis

Oletagem, et meil on mingi HTML tabel #table tühjade lahtritega.

Teeme nii, et mis tahes lahtrile klõpsates see aktiveeruks kuidagi, näiteks muutuks punase taustaga. Selleks anname aktiveeritud lahtritele mõne CSS klassi:

css.active {
  background: red;
}

Rakendame aktiveerimise:

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

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