Veksling av attributter uten verdier

La oss ha et deaktivert input-felt og en knapp:

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

La oss gjøre det slik at hvert trykk på knappen fører til en endring av input-feltets tilstand - fra deaktivert til aktivert og omvendt. Først henter vi referanser til våre elementer i variabler:

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

Og nå implementerer vi det planlagte:

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

Oppgaven kan imidlertid løses med mindre kode:

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