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

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

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

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

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

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

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

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

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