Ativação de elementos em JavaScript

Suponha que temos uma tabela HTML #table com células vazias.

Vamos fazer com que, ao clicar em qualquer célula, ela seja ativada de alguma forma, por exemplo, tornando-se com fundo vermelho. Para isso, daremos às células ativadas alguma classe CSS:

css.active {
  background: red;
}

Vamos implementar a ativação:

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

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

Задание 1

Dada uma lista HTML ul. Faça com que, ao clicar em qualquer item da lista, ele seja ativado com fundo vermelho.

Задание 2

Modifique a tarefa anterior para que, ao clicar em um item da lista já ativado, a ativação seja removida.