Activación de elementos en JavaScript

Supongamos que tenemos una tabla HTML #table con celdas vacías.

Hagamos que al hacer clic en cualquier celda, esta se active de alguna manera, por ejemplo, que tenga un fondo rojo. Para lograr esto, asignaremos a las celdas activadas alguna clase CSS:

css.active {
  background: red;
}

Implementemos la activación:

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

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

Задание 1

Se da una lista HTML ul. Haz que al hacer clic en cualquier elemento de la lista, este se active con fondo rojo.

Задание 2

Modifica la tarea anterior para que al hacer clic en un elemento de lista ya activado, la activación se elimine.