Activación de elementos en JavaScript
Supongamos que tenemos una tabla HTML #table
con celdas vacías.
Hagamos que al hacer clic en cualquier celda, esta se active de alguna manera, por ejemplo, que tenga un fondo rojo. Para lograr esto, asignaremos a las celdas activadas alguna clase CSS:
.active {
background: red;
}
Implementemos la activación:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.addEventListener('click', function() {
this.classList.add('active');
});
}
Se da una lista HTML ul. Haz que
al hacer clic en cualquier elemento de la lista,
este se active con fondo rojo.
Modifica la tarea anterior para que al hacer clic en un elemento de lista ya activado, la activación se elimine.
