Aktivacija elemenata u JavaScript-u
Recimo da imamo neku HTML tabelu #table
sa praznim ćelijama.
Hajde da napravimo da pritiskom na bilo koju ćeliju ona se nekako aktivira, na primer, postane crvene pozadine. Za to ćemo aktiviranim ćelijama davati neku CSS klasu:
.active {
background: red;
}
Implementirajmo aktivaciju:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.addEventListener('click', function() {
this.classList.add('active');
});
}
Dat je HTML spisak ul. Učinite da
pritiskom na bilo koju stavku liste ona
postane aktivirana crvenom pozadinom.
Modifikujte prethodni zadatak tako da se pritiskom na već aktiviranu stavku liste aktivacija sa nje skine.