값 없는 속성 토글하기

비활성화된 입력 필드와 버튼이 주어져 있습니다:

<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;
});

주어진 코드가 어떻게 동작하는지 설명하세요.

체크박스와 버튼이 주어져 있습니다. 버튼을 클릭할 때마다 체크박스의 상태가 변경되도록 만드세요.