Aktivering av element med JavaScript
Låt oss säga att vi har en HTML-tabell #table
med tomma celler.
Låt oss göra så att när man klickar på någon cell så aktiveras den på något sätt, till exempel får en röd bakgrund. För att göra detta kommer vi att ge aktiverade celler någon CSS-klass:
.active {
background: red;
}
Låt oss implementera aktivering:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.addEventListener('click', function() {
this.classList.add('active');
});
}
Det finns en HTML-lista ul. Gör så
att när man klickar på någon punkt i listan
aktiveras den med röd bakgrund.
Modifiera den föregående uppgiften så att när man klickar på en aktiverad punkt i listan avaktiveras den.
