Skiften af attributter uden værdier
Lad der være givet en deaktiveret input og en knap:
<input id="elem" disabled>
<input id="button" type="submit">
Lad os gøre det sådan, at hvert klik på knappen fører til en ændring af inputfeltets tilstand - fra deaktiveret til aktiveret og omvendt. Til at starte med henter vi referencer til vores elementer i variable:
let elem = document.querySelector('#elem');
let button = document.querySelector('#button');
Og nu implementerer vi planen:
button.addEventListener('click', function() {
if (elem.disabled) {
elem.disabled = false;
} else {
elem.disabled = true;
}
});
Opgaven kan dog løses med mindre kode:
button.addEventListener('click', function() {
elem.disabled = !elem.disabled;
});
Forklar, hvordan den viste kode fungerer.
Der er givet en checkboks og en knap. Gør sådan, at hvert klik på knappen fører til en ændring af tilstanden på checkboksen.
