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

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