JavaScript တွင် စာသား အကွက်များနှင့် အလုပ်လုပ်ခြင်း
ယခု ကျွန်ုပ်တို့သည် ကျွန်ုပ်တို့၏ဝဘ်ဆိုဒ်မှ အသုံးပြုသူများထံမှ စာသားများရယူနည်းကို သင်ယူတော့မည်။ ၎င်းအတွက် HTML တွင် ဒေတာရိုက်ထည့်ရန် စာသားအကွက်တစ်ခုကို ကိုယ်စားပြုသော အထူး tag တစ်ခုဖြစ်သည့် input tag ကို စီစဉ်ထားပါသည်။
<input>
ဤ tag တွင် စာမျက်နှာပေါ်သို့ ဝင်ရောက်သည့်အခါ input ၌ ရေးထားမည့် အစပြုစာသားကို သတ်မှတ်ပေးသော အထူး attribute value ရှိသည်။
<input value="text">
ကျွန်ုပ်တို့၏ဝဘ်ဆိုဒ်မှ အသုံးပြုသူသည် စာမျက်နှာပေါ်သို့ ဝင်ရောက်ပြီးနောက် input ၏စာသားကို ပြောင်းလဲနိုင်သည်။ ထိုအခါ၊ အကယ်၍ ကျွန်ုပ်တို့တွင် ဤ input သို့ လင့်ခ်တစ်ခုပါရှိသည့် variable တစ်ခုရှိပါက၊ ထို variable ၏ value property သည် input ၏လက်ရှိစာသားတန်ဖိုးကို အမြဲဆောင်ရွက်ပေးမည်ဖြစ်သည်။
လက်တွေ့စမ်းကြည့်ကြပါစို့။ ကျွန်ုပ်တို့တွင် value attribute ပါရှိသော input တစ်ခုရှိသည်ဆိုပါစို့။
<input id="elem" value="text">
ဤ input သို့ လင့်ခ်တစ်ခုကို variable ထဲသို့ ရယူကြပါစို့။
let elem = document.querySelector('#elem');
ယခု input ၏လက်ရှိစာသားကို စခရင်ပေါ်တွင် ထုတ်ပြကြပါစို့။
console.log(elem.value);
ယခု input ၏စာသားကို အခြားတစ်ခုသို့ ပြောင်းလဲကြပါစို့။
elem.value = 'new text';
Input တစ်ခုနှင့် ခလုတ်တစ်ခုကို ပေးထားသည်။ ခလုတ်ကို နှိပ်လိုက်သည့်အခါ input ထဲသို့ စာသားတစ်ခုခုကို ရေးထည့်ပါ။
Input တစ်ခု၊ စာပိုဒ်တစ်ခုနှင့် ခလုတ်တစ်ခုကို ပေးထားသည်။ ခလုတ်ကို နှိပ်လိုက်သည့်အခါ input မှစာသားကို စာပိုဒ်ထဲသို့ ရေးထည့်ပါ။
Input နှစ်ခုနှင့် ခလုတ်တစ်ခုကို ပေးထားသည်။ ပထမ input ထဲသို့ အသုံးပြုသူမှ ဂဏန်းတစ်ခုကို ရိုက်ထည့်သည်။ ခလုတ်ကို နှိပ်လိုက်သည့်အခါ ရိုက်ထည့်ထားသောဂဏန်း၏ စတုရန်းကို ဒုတိယ input ထဲသို့ ရေးထည့်ပါ။
Input နှစ်ခုနှင့် ခလုတ်တစ်ခုကို ပေးထားသည်။ ခလုတ်ကို နှိပ်လိုက်သည့်အခါ ပထမ input ထဲသို့ ဒုတိယ input ၏တန်ဖိုးကို ရေးထည့်ပြီး၊ ဒုတိယ input ထဲသို့ ပထမ input ၏တန်ဖိုးကို ရေးထည့်ပါ။ သင်၏ကုဒ်သည် input များ၏မည်သည့်တန်ဖိုးအတွက်မဆို ယေဘုယျအားဖြင့် အလုပ်လုပ်နိုင်ရပါမည်။
Input 5 ခု၊ စာပိုဒ်တစ်ခုနှင့် ခလုတ်တစ်ခုကို ပေးထားသည်။ Input များထဲသို့ ဂဏန်းများရိုက်ထည့်သည်။ ခလုတ်ကို နှိပ်လိုက်သည့်အခါ ရိုက်ထည့်ထားသောဂဏန်းများ၏ ပျမ်းမျှအချိုးကို စာပိုဒ်ထဲသို့ ရေးထည့်ပါ။
