Elementide aktiveerimine JavaScriptis
Oletagem, et meil on mingi HTML tabel #table
tühjade lahtritega.
Teeme nii, et mis tahes lahtrile klõpsates see aktiveeruks kuidagi, näiteks muutuks punase taustaga. Selleks anname aktiveeritud lahtritele mõne CSS klassi:
.active {
background: red;
}
Rakendame aktiveerimise:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.addEventListener('click', function() {
this.classList.add('active');
});
}
Antud HTML loend ul. Tehke nii,
et mis tahes loendi punktile klõpsates see
aktiveeruks punase taustaga.
Modifitseerige eelmist ülesannet nii, et juba aktiveeritud loendi punktile klõpsates aktiveerimine sellelt eemaldataks.
