Aktivace prvků v JavaScriptu

Předpokládejme, že máme HTML tabulku #table s prázdnými buňkami.

Udělejme to, aby po kliknutí na libovolnou buňku se nějak aktivovala, například získala červené pozadí. K tomu aktivovaným buňkům přidáme nějakou CSS třídu:

css.active {
  background: red;
}

Implementujme aktivaci:

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

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