Preklapljanje atributov brez vrednosti
Podano je onemogočeno polje za vnos in gumb:
<input id="elem" disabled>
<input id="button" type="submit">
Naredimo tako, da bo vsak pritisk na gumb povzročil spremembo stanja polja za vnos - z onemogočenega na omogočeno in obratno. Za začetek pridobimo reference na naše elemente v spremenljivke:
let elem = document.querySelector('#elem');
let button = document.querySelector('#button');
In sedaj izvedimo načrtovano:
button.addEventListener('click', function() {
if (elem.disabled) {
elem.disabled = false;
} else {
elem.disabled = true;
}
});
Nalogo pa je mogoče rešiti z manjšo količino kode:
button.addEventListener('click', function() {
elem.disabled = !elem.disabled;
});
Razložite, kako deluje navedena koda.
Podano je potrditveno polje in gumb. Naredite tako, da bo vsak klik na gumb povzročil spremembo stanja potrditvenega polja.
