Aktivace prvků v JavaScriptu
Předpokládejme, že máme HTML tabulku #table
s prázdnými buňkami.
Udělejme to, aby po kliknutí na libovolnou buňku se nějak aktivovala, například získala červené pozadí. K tomu aktivovaným buňkům přidáme nějakou CSS třídu:
.active {
background: red;
}
Implementujme aktivaci:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.addEventListener('click', function() {
this.classList.add('active');
});
}
Je dán HTML seznam ul. Zařiďte,
aby po kliknutí na libovolnou položku seznamu
se aktivovala červeným pozadím.
Upravte předchozí úlohu tak, aby po kliknutí na aktivovanou položku seznamu se aktivace zrušila.
