Atributų be reikšmių kaitaliojimas
Tegu pateiktas užblokuotas įvesties laukas ir mygtukas:
<input id="elem" disabled>
<input id="button" type="submit">
Padarykime taip, kad kiekvienas paspaudimas mygtuke priverstų pakeisti įvesties lauko būseną - nuo užblokuotos prie atblokuotos ir atvirkščiai. Pirmiausia gausime nuorodas į mūsų elementus kintamuosiuose:
let elem = document.querySelector('#elem');
let button = document.querySelector('#button');
O dabar įgyvendinkime užduotį:
button.addEventListener('click', function() {
if (elem.disabled) {
elem.disabled = false;
} else {
elem.disabled = true;
}
});
Tačiau užduotį galima išspręsti mažesniu kiekiu kodo:
button.addEventListener('click', function() {
elem.disabled = !elem.disabled;
});
Paaiškinkite, kaip veikia pateiktas kodas.
Pateiktas žymimasis langelis ir mygtukas. Padarykite taip, kad kiekvienas paspaudimas mygtuku priverstų pakeisti žymimojo langelio būseną.