Activering van elementen in JavaScript

Stel we hebben een HTML-tabel #table met lege cellen.

Laten we het zo maken dat bij een klik op een willekeurige cel deze op de een of andere manier geactiveerd wordt, bijvoorbeeld door een rode achtergrond te krijgen. Om dit te bereiken geven we geactiveerde cellen een CSS-class:

css.active {
  background: red;
}

Laten we de activering implementeren:

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

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