JavaScript တွင် input ဖြစ်ရပ်

နောက်ထပ်လေ့လာရမည့် ဖြစ်ရပ်က input ဟုခေါ်သည်။ ၎င်းသည် input သို့မဟုတ် textarea ထဲသို့ အက္ခရာအသစ်တစ်ခု ရိုက်ထည့်တိုင်း ဖြစ်ပေါ်သည်။ ဥပမာတစ်ခုဖြင့် ကြည့်ရှုကြပါစို့။ ကျွန်ုပ်တို့တွင် input တစ်ခုရှိသည်ဆိုပါစို့-

<input id="elem">

ကီးဘုတ်ပေါ်ရှိ ခလုတ်တစ်ခုကို နှိပ်တိုင်း input ၏ လက်ရှိအကြောင်းအရာကို console တွင် ထုတ်ပြကြပါစို့-

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

elem.addEventListener('input', function() {
	console.log(this.value);
});

Input တစ်ခုပေးထားသည်။ ၎င်းထဲသို့ စာသားရိုက်ထည့်ပါစို့။ စာသား၏ အရှည်သည် 5 သို့ရောက်ရှိသည်နှင့်တစ်ပြိုင်နက်၊ ထိုအကြောင်းကို မျက်နှာပြင်ပေါ်တွင် အက်က်ချက်ပေးပါ။

Input တစ်ခုပေးထားသည်။ ၎င်းထဲသို့ 5 လုံးအထိ ရိုက်ထည့်ခွင့်ပြုထားသည်။ အတည်တစ်ခုလည်း ပေးထားသည်။ input ထဲသို့ အက္ခရာများ ရိုက်ထည့်သည့်အခါ မည်မျှထပ်မံရိုက်ထည့်နိုင်သေးသည်ကို ရေးပါ။ အက္ခရာအရေအတွက်သည် 5 ထက်ကျော်လွန်သွားသောအခါ၊ စာသားအရှည်ထက် မည်မျှကျော်လွန်သွားသည်ကို အတည်ထဲတွင် ထုတ်ပြပါ။