Väärtusteta atribuutide vaheldumine
Olgu antud blokeeritud sisendväli ja nupp:
<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:
let elem = document.querySelector('#elem');
let button = document.querySelector('#button');
Nüüd rakendame kavandatut:
button.addEventListener('click', function() {
if (elem.disabled) {
elem.disabled = false;
} else {
elem.disabled = true;
}
});
Ülesannet saab aga lahendada väiksema koodihulgaga:
button.addEventListener('click', function() {
elem.disabled = !elem.disabled;
});
Selgitage, kuidas antud kood töötab.
Antud on märkeruut ja nupp. Tehke nii, et iga nupule klõps toob kaasa märkeruudu oleku muutumise.
