Активиране на елементи с 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. Направете така, че при натискане върху който и да е елемент от списъка той да се активира с червен фон.

Модифицирайте предходната задача така, че при натискане върху активиран елемент от списъка активацията да се премахва от него.