Elementtien aktivointi JavaScriptillä
Olkoon meillä jokin HTML-taulukko #table
tyhjillä soluilla.
Tehdään niin, että mihin tahansa soluun napsautettaessa se aktivoituu jollakin tavalla, esimerkiksi sen taustaväri muuttuu punaiseksi. Tätä varten annamme aktivoiduille soluille jokin CSS-luokan:
.active {
background: red;
}
Toteutetaan aktivointi:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.addEventListener('click', function() {
this.classList.add('active');
});
}
Annettu HTML-lista ul. Tee niin,
että mihin tahansa listan kohtaan napsautettaessa se
aktivoituu punaisella taustavärillä.
Muokkaa edellistä tehtävää niin, että aktivoituun listan kohtaan napsautettaessa aktivointi poistuu siitä.
