Activarea elementelor în JavaScript

Să presupunem că avem un tabel HTML #table cu celule goale.

Să facem astfel încât la click pe orice celulă, aceasta să se activeze cumva, de exemplu, să capete un fundal roșu. Pentru aceasta, vom da celulelor activate o clasă CSS oarecare:

css.active {
  background: red;
}

Să implementăm activarea:

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

for (let td of tds) {
  td.addEventListener('click', function() {
    this.classList.add('active');
  });
}

Задание 1

Este dată o listă HTML ul. Faceți astfel încât la click pe orice element al listei acesta să se activeze cu un fundal roșu.

Задание 2

Modificați sarcina anterioară astfel încât la click pe un element de listă deja activat, activarea să fie eliminată de pe acesta.