Attivazione di elementi in JavaScript

Supponiamo di avere una tabella HTML #table con celle vuote.

Facciamo in modo che cliccando su qualsiasi cella essa si attivi in qualche modo, ad esempio, diventando di sfondo rosso. Per fare ciò, assegneremo alle celle attivate una qualche classe CSS:

.active {
	background: red;
}

Implementiamo l'attivazione:

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

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

Data una lista HTML ul. Fate in modo che cliccando su qualsiasi elemento della lista esso si attivi con uno sfondo rosso.

Modificate il compito precedente in modo che cliccando su un elemento della lista già attivato, l'attivazione venga rimossa.