Aktivierung von Elementen in JavaScript

Nehmen wir an, wir haben eine HTML-Tabelle #table mit leeren Zellen.

Lassen Sie es uns so einrichten, dass beim Klicken auf eine beliebige Zelle diese auf eine bestimmte Weise aktiviert wird, z. B. indem sie einen roten Hintergrund erhält. Dazu weisen wir aktivierten Zellen eine bestimmte CSS-Klasse zu:

.active {
	background: red;
}

Lassen Sie uns die Aktivierung implementieren:

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

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

Gegeben ist eine HTML-Liste ul. Sorgen Sie dafür, dass beim Klicken auf einen beliebigen Listeneintrag dieser durch einen roten Hintergrund aktiviert wird.

Modifizieren Sie die vorherige Aufgabe so, dass beim Klicken auf einen aktivierten Listeneintrag die Aktivierung von diesem entfernt wird.