Elementų aktyvinimas JavaScript
Tarkime, kad turime kokią nors HTML lentelę #table
su tuščiais langeliais.
Padarykime taip, kad paspaudus bet kurį langelį jis kažkaip būtų aktyvuojamas, pavyzdžiui, tapdavo raudono fono. Tam aktyvuotiems langeliams suteiksime kokių nors CSS klasę:
.active {
background: red;
}
Įgyvendinkime aktyvinimą:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.addEventListener('click', function() {
this.classList.add('active');
});
}
Duotas HTML sąrašas ul. Padarykite taip,
kad paspaudus bet kurį sąrašo elementą jis
būtų aktyvuojamas raudonu fonu.
Modifikuokite ankstesnę užduotį taip, kad paspaudus ant jau aktyvuoto sąrašo elemento aktyvavimas būtų nuimamas.