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:

.active {
	background: red;
}

Vamos implementar a ativação:

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

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

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

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