Aktivace prvků v JavaScriptu

Předpokládejme, že máme HTML tabulku #table s prázdnými buňkami.

Udělejme to, aby po kliknutí na libovolnou buňku se nějak aktivovala, například získala červené pozadí. K tomu aktivovaným buňkům přidáme nějakou CSS třídu:

.active {
	background: red;
}

Implementujme aktivaci:

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

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

Je dán HTML seznam ul. Zařiďte, aby po kliknutí na libovolnou položku seznamu se aktivovala červeným pozadím.

Upravte předchozí úlohu tak, aby po kliknutí na aktivovanou položku seznamu se aktivace zrušila.