Наизменично менување на атрибути без вредности

Нека е дадено заблокирано поле за внес и копче:

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

Да направиме така што секој клик на копчето да доведе до промена на состојбата на полето за внес - од заблокирано во одблокирано и обратно. За почеток, да ги добиеме референциите на нашите елементи во променливи:

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-от.