တန်ဖိုးမပါသော ဂုဏ်အင်များ ပြောင်းလဲအသုံးပြုခြင်း

အောက်ပါအတိုင်း ပိတ်ပင်ထားသော input တစ်ခုနှင့် ခလုတ်တစ်ခုကို ထားပါစို့။

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

ခလုတ်ကို နှိပ်သည့်အခါတိုင်း input ၏ အခြေအနေပြောင်းလဲသွားစေရန် ပြုလုပ်ကြပါစို့။ ပိတ်ပင်ထားခြင်းမှ ဖွင့်ထားခြင်းသို့ သို့မဟုတ် ဖွင့်ထားခြင်းမှ ပိတ်ပင်ထားခြင်းသို့ ပြောင်းလဲစေပါမည်။ ဦးစွာ ကျွန်ုပ်တို့၏ element များကို ကိုယ်စားပြုသော variable များထဲသို့ ရယူကြပါစို့။

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

ယခု ရည်ရွယ်ထားသည့်အတိုင်း အကောင်အထည်ဖော်ကြပါစို့။

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

သို့ရာတွင် ဤလုပ်ငန်းကို ကုဒ်အနည်းငယ်ဖြင့် ဖြေရှင်းနိုင်ပါသည်။

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

ပေးထားသော ကုဒ်သည် မည်သို့အလုပ်လုပ်သည်ကို ရှင်းပြပါ။

Checkbox တစ်ခုနှင့် ခလုတ်တစ်ခုကို ပေးထားသည်။ ခလုတ်ကို နှိပ်သည့်အခါတိုင်း checkbox ၏ အခြေအနေပြောင်းလဲသွားစေရန် ပြုလုပ်ပါ။