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');
  });
}