Актывацыя элементаў на JavaScript

Няхай у нас ёсць нейкая HTML табліца #table з пустымі ячэйкамі.

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

css.active {
  background: red;
}

Рэалізуем актывацыю:

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

for (let td of tds) {
  td.addEventListener('click', function() {
    this.classList.add('active');
  });
}
Задание 1

Дадзены HTML спіс ul. Зрабіце так, каб па націску на любы пункт спісу ён актываваўся чырвоным фонам.

Задание 2

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