값 없는 속성 토글하기

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

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

버튼을 클릭할 때마다 입력 필드의 상태가 비활성화에서 활성화로, 또는 그 반대로 변경되도록 만들어 봅시다. 먼저 요소에 대한 참조를 변수에 저장합시다:

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

이제 계획한 대로 구현해 보겠습니다:

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

그러나 이 작업은 더 적은 코드로 해결할 수 있습니다:

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