Att växla mellan attribut utan värden

Låt oss säga att det finns en inaktiverad input och en knapp:

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

Låt oss göra så att varje klick på knappen leder till en förändring av inputens tillstånd - från inaktiverad till aktiverad och tvärtom. Låt oss först få referenser till våra element i variabler:

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

Och nu implementerar vi planen:

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

Uppgiften kan dock lösas med mindre kod:

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