Активација на елементи во 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. Направете така, што при кликнување на било која ставка од списокот таа да се активира со црвена позадина.

Модифицирајте ја претходната задача така што при кликнување на активирана ставка од списокот активацијата да се снеме од неа.