JavaScript ဆိုတာဘာလဲ။
JavaScript သည် ဝဘ်အတွက် ပရိုဂရမ်းမင်းဘာသာစကား ဖြစ်သည်။
JavaScript သည် HTML နှင့် CSS နှစ်မျိုးလုံးကို မွမ်းမံပြင်ဆင်နိုင်သည်။
JavaScript သည် data များကို တွက်ချက် ၊ ခြယ်လှယ် ကာ မှန်ကန်ကြောင်း အတည်ပြု နိုင်ပါသည်။
JavaScript Quickstart ကျူတိုရီရယ်
ဤသင်ခန်းစာသည် အရေးကြီးဆုံး JavaScript ဒေတာအမျိုးအစားများကို အမြန်ကြည့်ရှုပါမည်။
JavaScript variable များသည်-
- နံပါတ်များ
- ကြိုးတွေ၊
- အရာဝတ္ထုများ
- အခင်းများ
- လုပ်ဆောင်ချက်များ
JavaScript အပြောင်းအလဲများ
JavaScript variable များသည် ဒေတာတန်ဖိုးများကို သိမ်းဆည်းရန်အတွက် ကွန်တိန်နာများဖြစ်သည်။
ဤဥပမာတွင်၊ x၊ y နှင့် z တို့သည် ကိန်းရှင်များဖြစ်သည်-
ဥပမာ
var x = 5;
var y = 6;
var z = x + y;
အထက်ဖော်ပြပါ ဥပမာမှ သင်မျှော်လင့်နိုင်သည်-
- x သည် တန်ဖိုး 5 ကို သိမ်းဆည်းသည်။
- y သည် တန်ဖိုး 6 ကို သိမ်းဆည်းသည်။
- z သည် တန်ဖိုး 11 ကို သိမ်းဆည်းသည်။
JavaScript နံပါတ်များ
JavaScript တွင် နံပါတ်တစ် မျိုးတည်း သာရှိသည်။ ဂဏန်းများကို ဒဿမများဖြင့် သို့မဟုတ် မပါဘဲ ရေးသားနိုင်သည်။
ဥပမာ
var x = 3.14; // A number with decimals
var y = 3; // A number without decimals
နံပါတ်များအားလုံးကို double precision floating point နံပါတ်များအဖြစ် သိမ်းဆည်းထားသည်။
အများဆုံး ဒဿမ အရေအတွက်သည် 17 ဖြစ်သည်၊ သို့သော် Floating Point သည် အမြဲတမ်း 100% တိကျသည်မဟုတ်ပါ
ဥပမာ
var x = 0.2 + 0.1; // x will be 0.30000000000000004
JavaScript ကြိုးများ
စာကြောင်း များက စာသားကို သိမ်းဆည်း သည်။ စာကြောင်းများကို ကိုးကားချက်များအတွင်းတွင် ရေးထားသည်။ တစ်ခုတည်း သို့မဟုတ် နှစ်ချက် ကိုးကား ကို သင်သုံးနိုင်သည် ။
ဥပမာ
var carname = "Volvo XC60";
// Double quotes
var carname = 'Volvo XC60'; // Single quotes
ကြိုးတစ်ချောင်း၏ အရှည်ကို တည်ဆောက်ထားသော ပိုင်ဆိုင်မှု အရှည် တွင် တွေ့ရသည် -
ဥပမာ
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
JavaScript Objects
JavaScript variable များသည် ဒေတာတန်ဖိုးများအတွက် ကွန်တိန်နာများဖြစ်ကြောင်း သင်သိရှိထားပြီးဖြစ်သည်။
ဤကုဒ်သည် ရိုးရှင်းသောတန်ဖိုး (Fiat) ကို ကားဟုအမည်ပေးထားသော ပြောင်းလဲနိုင်သော ပြောင်းလဲနိုင်သော တန်ဖိုးတစ်ခုအား သတ်မှတ်ပေးသည်-
var car = "Fiat";
Object များသည် variable များဖြစ်သည်။ သို့သော် အရာဝတ္ထုများတွင် တန်ဖိုးများစွာ ပါဝင်နိုင်သည်။
ဤကုဒ်သည် တန်ဖိုးများစွာ (Fiat၊ 500၊ အဖြူရောင်) ကို ကားဟု အမည်ပေးထား သည့် ပြောင်းလဲနိုင်သော ပုံစံတစ်ခုသို့ သတ်မှတ်ပေးသည်-
var car = {type:"Fiat", model:"500", color:"white"};
JavaScript Arrays
ကိန်းရှင်တစ်ခုတည်းတွင် တန်ဖိုးများစွာကို သိမ်းဆည်းရန်အတွက် JavaScript အခင်းအကျင်းများကို အသုံးပြုသည်။
ဥပမာ
var cars = ["Saab", "Volvo", "BMW"];
JavaScript လုပ်ဆောင်ချက်များ
JavaScript လုပ်ဆောင်ချက်သည် သီးခြားလုပ်ငန်းတစ်ခုကို လုပ်ဆောင်ရန် ဒီဇိုင်းထုတ်ထားသော ကုဒ်တုံးတစ်ခုဖြစ်သည်။
"တစ်စုံတစ်ခု" က ၎င်းကိုခေါ်သောအခါ (၎င်းကိုခေါ်သည်) JavaScript လုပ်ဆောင်ချက်ကို လုပ်ဆောင်သည်။
ဥပမာ
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
JavaScript က ဘာတွေလုပ်ဆောင်နိုင်သလဲ။
ဤကဏ္ဍတွင် JavaScript လုပ်ဆောင်နိုင်သည့် ဥပမာအချို့ပါရှိသည်။
- JavaScript သည် HTML အကြောင်းအရာကို ပြောင်းလဲနိုင်သည်။
- JavaScript သည် HTML Attribute တန်ဖိုးများကို ပြောင်းလဲနိုင်သည်။
- JavaScript သည် HTML ပုံစံများ (CSS) ကို ပြောင်းလဲနိုင်သည်။
- JavaScript သည် HTML Element များကို ဝှက်ထားနိုင်သည်။
- JavaScript သည် HTML Element များကို ပြသနိုင်သည်။
JavaScript သည် HTML အကြောင်းအရာကို ပြောင်းလဲနိုင်သည်။
JavaScript HTML နည်းလမ်းများစွာထဲမှတစ်ခုမှာ getElementById() ဖြစ်သည်။
ဤဥပမာသည် HTML ဒြပ်စင်တစ်ခု (id="demo" ဖြင့် "ရှာရန်" နည်းလမ်းကို အသုံးပြုပြီး ဒြပ်စင်အကြောင်းအရာ ( အတွင်း HTML ) ကို "Hello JavaScript" သို့ ပြောင်းသည်-
ဥပမာ
document.getElementById("demo").innerHTML = "Hello JavaScript";
JavaScript သည် HTML Attribute တန်ဖိုးများကို ပြောင်းလဲနိုင်သည်။
ဤဥပမာတွင် JavaScript သည် <img> tag တစ်ခု၏ src (source) attribute ၏တန်ဖိုးကို ပြောင်းလဲသည်-
မီးလုံး
JavaScript သည် HTML ပုံစံများ (CSS) ကို ပြောင်းလဲနိုင်သည်။
HTML ဒြပ်စင်တစ်ခု၏စတိုင်လ်ကိုပြောင်းလဲခြင်းသည် HTML အရည်အချင်းကိုပြောင်းလဲခြင်း၏မူကွဲတစ်ခုဖြစ်သည်။
ဥပမာ
document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';
JavaScript သည် HTML Element များကို ဝှက်ထားနိုင်သည်။
HTML အစိတ်အပိုင်းများကို ဖျောက်ထားခြင်းဖြင့် ပြသမှုပုံစံကို ပြောင်းလဲခြင်းဖြင့် လုပ်ဆောင်နိုင်သည်-
ဥပမာ
document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';
JavaScript သည် HTML Element များကို ပြသနိုင်သည်။
ဝှက်ထားသော HTML ဒြပ်စင်များကို ပြသခြင်းကို ပြသမှုပုံစံကို ပြောင်းလဲခြင်းဖြင့်လည်း လုပ်ဆောင်နိုင်သည်-
ဥပမာ
document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display =
'block';
JavaScript ကျူတိုရီရယ် အပြည့်အစုံ
ဤသည်မှာ JavaScript ၏ အတိုကောက် ဖော်ပြချက်ဖြစ်ပါသည်။
JavaScript သင်ခန်းစာအပြည့်အစုံအတွက် W3Schools JavaScript Tutorial သို့သွားပါ ။
JavaScript အပြည့်အစုံအတွက် W3Schools JavaScript Reference သို့ သွားပါ ။