Активација елемената у JavaScript-у

Претпоставимо да имамо неку HTML табелу #table са празним ћелијама.

Хајде да направимо да се при клику на било коју ћелију она некако активира, на пример, добије црвену позадину. За то ћемо активираним ћелијама додељивати неку CSS класу:

css.active {
  background: red;
}

Реализујмо активацију:

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

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