Aktivacija elemenata u JavaScript-u

Recimo da imamo neku HTML tabelu #table sa praznim ćelijama.

Hajde da napravimo da pritiskom na bilo koju ćeliju ona se nekako aktivira, na primer, postane crvene pozadine. Za to ćemo aktiviranim ćelijama davati neku CSS klasu:

css.active {
  background: red;
}

Implementirajmo aktivaciju:

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

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

Dat je HTML spisak ul. Učinite da pritiskom na bilo koju stavku liste ona postane aktivirana crvenom pozadinom.

Задание 2

Modifikujte prethodni zadatak tako da se pritiskom na već aktiviranu stavku liste aktivacija sa nje skine.