Kích hoạt các phần tử bằng JavaScript

Giả sử chúng ta có một bảng HTML #table với các ô trống.

Hãy làm sao để khi nhấp vào bất kỳ ô nào, nó sẽ được kích hoạt bằng cách nào đó, ví dụ: có nền màu đỏ. Để làm điều này, chúng ta sẽ cung cấp một lớp CSS nào đó cho các ô được kích hoạt:

css.active {
  background: red;
}

Hãy triển khai tính năng kích hoạt:

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

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