Elementtien aktivointi JavaScriptillä

Olkoon meillä jokin HTML-taulukko #table tyhjillä soluilla.

Tehdään niin, että mihin tahansa soluun napsautettaessa se aktivoituu jollakin tavalla, esimerkiksi sen taustaväri muuttuu punaiseksi. Tätä varten annamme aktivoiduille soluille jokin CSS-luokan:

css.active {
  background: red;
}

Toteutetaan aktivointi:

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

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