Aktivacija elementov v JavaScriptu

Recimo, da imamo HTML tabelo #table s praznimi celicami.

Naredimo tako, da se ob kliku na katero koli celico le-ta na nek način aktivira, na primer, dobi rdeče ozadje. Za to bomo aktiviranim celicam dodelili nek CSS razred:

css.active {
  background: red;
}

Implementirajmo aktivacijo:

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

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