Elementų aktyvinimas JavaScript

Tarkime, kad turime kokią nors HTML lentelę #table su tuščiais langeliais.

Padarykime taip, kad paspaudus bet kurį langelį jis kažkaip būtų aktyvuojamas, pavyzdžiui, tapdavo raudono fono. Tam aktyvuotiems langeliams suteiksime kokių nors CSS klasę:

css.active {
  background: red;
}

Įgyvendinkime aktyvinimą:

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

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