Aktivácia prvkov v JavaScripte
Majme nejakú HTML tabuľku #table
s prázdnymi bunkami.
Urobme tak, aby sa po kliknutí na akúkoľvek bunku nejakým spôsobom aktivovala, napríklad získala červené pozadie. Na tento účel budeme aktivovaným bunkám pridávať nejakú CSS triedu:
.active {
background: red;
}
Implementujme aktiváciu:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.addEventListener('click', function() {
this.classList.add('active');
});
}
Daný HTML zoznam ul. Urobte tak,
aby sa po kliknutí na akúkoľvek položku zoznamu
aktivovala červeným pozadím.
Upravte predchádzajúcu úlohu tak, aby sa po kliknutí na aktivovanú položku zoznamu aktivácia z nej odstránila.
