Aktivacija elementov v JavaScriptu
Recimo, da imamo HTML tabelo #table
s praznimi celicami.
Naredimo tako, da se ob kliku na katero koli celico le-ta na nek način aktivira, na primer, dobi rdeče ozadje. Za to bomo aktiviranim celicam dodelili nek CSS razred:
.active {
background: red;
}
Implementirajmo aktivacijo:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.addEventListener('click', function() {
this.classList.add('active');
});
}
Podan je HTML seznam ul. Naredite tako,
da se ob kliku na kateri koli element seznama
ta aktivira z rdečim ozadjem.
Spremenite prejšnjo nalogo tako, da se ob kliku na aktiviran element seznama aktivacija z njega odstrani.