JavaScript တွင် စာသား အကွက်များနှင့် အလုပ်လုပ်ခြင်း

ယခု ကျွန်ုပ်တို့သည် ကျွန်ုပ်တို့၏ဝဘ်ဆိုဒ်မှ အသုံးပြုသူများထံမှ စာသားများရယူနည်းကို သင်ယူတော့မည်။ ၎င်းအတွက် HTML တွင် ဒေတာရိုက်ထည့်ရန် စာသားအကွက်တစ်ခုကို ကိုယ်စားပြုသော အထူး tag တစ်ခုဖြစ်သည့် input tag ကို စီစဉ်ထားပါသည်။

html<input>

ဤ tag တွင် စာမျက်နှာပေါ်သို့ ဝင်ရောက်သည့်အခါ input ၌ ရေးထားမည့် အစပြုစာသားကို သတ်မှတ်ပေးသော အထူး attribute value ရှိသည်။

html<input value="text">

ကျွန်ုပ်တို့၏ဝဘ်ဆိုဒ်မှ အသုံးပြုသူသည် စာမျက်နှာပေါ်သို့ ဝင်ရောက်ပြီးနောက် input ၏စာသားကို ပြောင်းလဲနိုင်သည်။ ထိုအခါ၊ အကယ်၍ ကျွန်ုပ်တို့တွင် ဤ input သို့ လင့်ခ်တစ်ခုပါရှိသည့် variable တစ်ခုရှိပါက၊ ထို variable ၏ value property သည် input ၏လက်ရှိစာသားတန်ဖိုးကို အမြဲဆောင်ရွက်ပေးမည်ဖြစ်သည်။

လက်တွေ့စမ်းကြည့်ကြပါစို့။ ကျွန်ုပ်တို့တွင် value attribute ပါရှိသော input တစ်ခုရှိသည်ဆိုပါစို့။

html<input id="elem" value="text">

ဤ input သို့ လင့်ခ်တစ်ခုကို variable ထဲသို့ ရယူကြပါစို့။

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

ယခု input ၏လက်ရှိစာသားကို စခရင်ပေါ်တွင် ထုတ်ပြကြပါစို့။

javascriptconsole.log(elem.value);

ယခု input ၏စာသားကို အခြားတစ်ခုသို့ ပြောင်းလဲကြပါစို့။

javascriptelem.value = 'new text';