Ενεργοποίηση Στοιχείων σε JavaScript

Ας υποθέσουμε ότι έχουμε έναν πίνακα HTML #table με κενά κελιά.

Ας κάνουμε έτσι ώστε με το πάτημα σε οποιοδήποτε κελί να ενεργοποιείται με κάποιον τρόπο, για παράδειγμα, να γίνεται κόκκινου φόντου. Για να το πετύχουμε αυτό, στα ενεργοποιημένα κελιά θα δίνουμε κάποια CSS κλάση:

.active {
	background: red;
}

Ας υλοποιήσουμε την ενεργοποίηση:

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

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

Δίνεται μια λίστα HTML ul. Κάντε έτσι, ώστε με το πάτημα σε οποιοδήποτε στοιχείο της λίστας αυτό να ενεργοποιείται με κόκκινο φόντο.

Τροποποιήστε την προηγούμενη άσκηση έτσι, ώστε με το πάτημα σε ένα ενεργοποιημένο στοιχείο λίστας η ενεργοποίηση να αφαιρείται από αυτό.