Elementu aktivizēšana ar JavaScript

Pieņemsim, ka mums ir kāda HTML tabula #table ar tukšām šūnām.

Izveidosim tā, lai, noklikšķinot uz jebkuras šūnas, tā kaut kādā veidā aktivizētos, piemēram, kļūtu ar sarkanu fonu. Lai to izdarītu, aktivizētajām šūnām piešķirsim kādu CSS klasi:

css.active {
  background: red;
}

Īstenosim aktivizēšanu:

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

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