Aktivering av elementer med JavaScript

La oss si at vi har en HTML-tabell #table med tomme celler.

La oss gjøre det slik at ved å klikke på en hvilken som helst celle, blir den aktivert på en eller annen måte, for eksempel får en rød bakgrunn. For å gjøre dette vil vi gi de aktiverte cellene en CSS-klasse:

css.active {
  background: red;
}

La oss implementere aktivering:

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

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