Wechsel von Attributen ohne Werte
Gegeben sei ein deaktiviertes Input-Feld und ein Button:
<input id="elem" disabled>
<input id="button" type="submit">
Lassen Sie uns bewirken, dass jeder Klick auf den Button den Zustand des Input-Felds wechselt - von deaktiviert zu aktiviert und umgekehrt. Beschaffen wir uns zunächst Referenzen auf unsere Elemente in Variablen:
let elem = document.querySelector('#elem');
let button = document.querySelector('#button');
Und nun setzen wir das Vorhaben um:
button.addEventListener('click', function() {
if (elem.disabled) {
elem.disabled = false;
} else {
elem.disabled = true;
}
});
Die Aufgabe lässt sich jedoch mit weniger Code lösen:
button.addEventListener('click', function() {
elem.disabled = !elem.disabled;
});
Erklären Sie, wie der gezeigte Code funktioniert.
Gegeben sei eine Checkbox und ein Button. Sorgen Sie dafür, dass jeder Klick auf den Button zum Wechsel des Zustands der Checkbox führt.
