Активиране на елементи с 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');
  });
}