Aktivácia prvkov v JavaScripte

Majme nejakú HTML tabuľku #table s prázdnymi bunkami.

Urobme tak, aby sa po kliknutí na akúkoľvek bunku nejakým spôsobom aktivovala, napríklad získala červené pozadie. Na tento účel budeme aktivovaným bunkám pridávať nejakú CSS triedu:

css.active {
  background: red;
}

Implementujme aktiváciu:

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

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