Activation d'éléments en JavaScript

Supposons que nous ayons une table HTML #table avec des cellules vides.

Faisons en sorte qu'un clic sur n'importe quelle cellule l'active d'une certaine manière, par exemple, en lui donnant un fond rouge. Pour cela, nous donnerons une classe CSS aux cellules activées :

.active {
	background: red;
}

Implémentons l'activation :

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

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

Soit une liste HTML ul. Faites en sorte qu'un clic sur n'importe quel élément de la liste l'active avec un fond rouge.

Modifiez la tâche précédente pour que un clic sur un élément de liste déjà activé retire l'activation.