Актывацыя элементаў на 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. Зрабіце так, каб па націску на любы пункт спісу ён актываваўся чырвоным фонам.

Мадыфікуйце папярэднюю задачу так, каб па націску на актываваны пункт спісу актывацыя з яго здымалася.