Εναλλαγή χαρακτηριστικών χωρίς τιμές

Ας υποθέσουμε ότι υπάρχει ένα απενεργοποιημένο input και ένα κουμπί:

<input id="elem" disabled>
<input id="button" type="submit">

Ας κάνουμε έτσι ώστε κάθε πάτημα στο κουμπί να οδηγεί σε αλλαγή της κατάστασης του input - από απενεργοποιημένο σε ενεργοποιημένο και αντίστροφα. Αρχικά, ας πάρουμε αναφορές στα στοιχεία μας σε μεταβλητές:

let elem   = document.querySelector('#elem');
let button = document.querySelector('#button');

Και τώρα ας υλοποιήσουμε το σκεπτικό:

button.addEventListener('click', function() {
	if (elem.disabled) {
		elem.disabled = false;
	} else {
		elem.disabled = true;
	}
});

Ωστόσο, το πρόβλημα μπορεί να λυθεί με λιγότερο κώδικα:

button.addEventListener('click', function() {
	elem.disabled = !elem.disabled;
});

Εξηγήστε πώς λειτουργεί ο παρεχόμενος κώδικας.

Δίνεται ένα checkbox και ένα κουμπί. Κάντε έτσι ώστε κάθε κλικ στο κουμπί να οδηγεί σε αλλαγή της κατάστασης του checkbox.