Activarea elementelor în JavaScript
Să presupunem că avem un tabel HTML #table
cu celule goale.
Să facem astfel încât la click pe orice celulă, aceasta să se activeze cumva, de exemplu, să capete un fundal roșu. Pentru aceasta, vom da celulelor activate o clasă CSS oarecare:
.active {
background: red;
}
Să implementăm activarea:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.addEventListener('click', function() {
this.classList.add('active');
});
}
Este dată o listă HTML ul. Faceți astfel
încât la click pe orice element al listei acesta
să se activeze cu un fundal roșu.
Modificați sarcina anterioară astfel încât la click pe un element de listă deja activat, activarea să fie eliminată de pe acesta.
