Elemek aktiválása JavaScripttel

Tegyük fel, van egy HTML táblázatunk #table üres cellákkal.

Tegyük úgy, hogy bármelyik cellára kattintáskor az valahogy aktiválódjon, például váljon piros háttérszínűvé. Ehhez az aktivált celláknak adunk valamilyen CSS osztályt:

css.active {
  background: red;
}

Valósítsuk meg az aktiválást:

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

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

Задание 1

Adott egy HTML lista ul. Állítsa be úgy, hogy a lista bármelyik elemére kattintáskor az piros háttérrel aktiválódjon.

Задание 2

Módosítsa az előző feladatot úgy, hogy egy már aktivált listaelemre kattintáskor az aktiválás megszűnjön róla.