Activering van elementen in JavaScript

Stel we hebben een HTML-tabel #table met lege cellen.

Laten we het zo maken dat bij een klik op een willekeurige cel deze op de een of andere manier geactiveerd wordt, bijvoorbeeld door een rode achtergrond te krijgen. Om dit te bereiken geven we geactiveerde cellen een CSS-class:

.active {
	background: red;
}

Laten we de activering implementeren:

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

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

Gegeven een HTML-lijst ul. Zorg ervoor dat bij een klik op een willekeurig lijstitem dit wordt geactiveerd met een rode achtergrond.

Wijzig de vorige opdracht zo dat bij een klik op een geactiveerd lijstitem de activering wordt verwijderd.