Väärtusteta atribuutide vaheldumine

Olgu antud blokeeritud sisendväli ja nupp:

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

Teeme nii, et iga nupu vajutus muudaks sisendvälja olekut - blokeeritud lahti blokeeritud ja vastupidi. Kõigepealt hankige meie elemendide viited muutujatesse:

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

Nüüd rakendame kavandatut:

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

Ülesannet saab aga lahendada väiksema koodihulgaga:

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