Elemek aktiválása JavaScripttel

Tegyük fel, van egy HTML táblázatunk #table üres cellákkal.

Tegyük úgy, hogy bármelyik cellára kattintáskor az valahogy aktiválódjon, például váljon piros háttérszínűvé. Ehhez az aktivált celláknak adunk valamilyen CSS osztályt:

.active {
	background: red;
}

Valósítsuk meg az aktiválást:

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

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

Adott egy HTML lista ul. Állítsa be úgy, hogy a lista bármelyik elemére kattintáskor az piros háttérrel aktiválódjon.

Módosítsa az előző feladatot úgy, hogy egy már aktivált listaelemre kattintáskor az aktiválás megszűnjön róla.