Aktywacja elementów w JavaScript

Załóżmy, że mamy jakąś tabelę HTML #table z pustymi komórkami.

Sprawmy, aby po kliknięciu na dowolną komórkę została ona w jakiś sposób aktywowana, na przykład, stawała się czerwonego tła. W tym celu aktywnym komórkom nadamy jakąś klasę CSS:

css.active {
  background: red;
}

Zaimplementujmy aktywację:

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

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