Aktywacja elementów w JavaScript
Załóżmy, że mamy jakąś tabelę HTML #table
z pustymi komórkami.
Sprawmy, aby po kliknięciu na dowolną komórkę została ona w jakiś sposób aktywowana, na przykład, stawała się czerwonego tła. W tym celu aktywnym komórkom nadamy jakąś klasę CSS:
.active {
background: red;
}
Zaimplementujmy aktywację:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.addEventListener('click', function() {
this.classList.add('active');
});
}
Dana jest lista HTML ul. Spraw,
aby po kliknięciu na dowolny element listy
został on aktywowany czerwonym tłem.
Zmodyfikuj poprzednie zadanie tak, aby po kliknięciu na aktywowany element listy aktywacja została z niego zdjęta.
