Aktivering av elementer med JavaScript
La oss si at vi har en HTML-tabell #table
med tomme celler.
La oss gjøre det slik at ved å klikke på en hvilken som helst celle, blir den aktivert på en eller annen måte, for eksempel får en rød bakgrunn. For å gjøre dette vil vi gi de aktiverte cellene en CSS-klasse:
.active {
background: red;
}
La oss implementere aktivering:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.addEventListener('click', function() {
this.classList.add('active');
});
}
Det er gitt en HTML-liste ul. Gjør slik
at ved å klikke på et hvilket som helst listepunkt, blir det
aktivert med rød bakgrunn.
Modifiser den forrige oppgaven slik at ved å klikke på et allerede aktivert listepunkt blir aktiveringen fjernet.
