ဖြေရှင်းပြီး- စာရွက်စာတမ်းအဆင်သင့် javascript vanilla

Document ready javascript vanilla ၏ အဓိကပြဿနာမှာ ၎င်းသည် နောက်ဆုံးပေါ် ဝဘ်စံနှုန်းများကို အခွင့်ကောင်းယူခြင်း မရှိပါ။ ၎င်းသည် ဝဘ်ဆိုက်များကို ခေတ်နောက်ကျစေကာ ၎င်းတို့ကို ထိန်းသိမ်းရန် ခက်ခဲစေနိုင်သည်။

$(document).ready(function() {
  // code goes here
});

ဤကုဒ်သည် စာရွက်စာတမ်း အဆင်သင့်ဖြစ်ချိန်တွင် လုပ်ဆောင်မည့် လုပ်ဆောင်ချက်ကို ဖန်တီးရန် jQuery ကို အသုံးပြုနေသည်။ JavaScript ကုဒ်ကိုမလုပ်ဆောင်မီ HTML အစိတ်အပိုင်းအားလုံးကို တင်ထားကြောင်း သေချာစေရန် ၎င်းကိုမကြာခဏအသုံးပြုသည်။

Cckecks

Cckecks သည် JavaScript ကုဒ်၏မှန်ကန်မှုကိုစစ်ဆေးရန်အတွက်စာကြည့်တိုက်တစ်ခုဖြစ်သည်။ ၎င်းသည် ချက်လက်မှတ်များကိုဖော်ပြရန်အတွက် ရိုးရှင်းပြီး တိကျသော syntax တစ်ခုအပြင် ကုဒ်စစ်ဆေးခြင်းကို ပိုမိုလွယ်ကူစေရန်အတွက် အသုံးဝင်မှုအမျိုးမျိုးကို ပေးဆောင်ပါသည်။

ကော်လံ

JavaScript တွင် ကော်လံနှစ်မျိုးရှိသည်- ကော်လံအခြေခံသည့် အပြင်အဆင်များနှင့် ဇယားကွက်ကွက်များ။ ကော်လံအခြေခံသည့် အပြင်အဆင်များသည် စာမျက်နှာတစ်ခုကို ကော်လံများအဖြစ် ပိုင်းခြားပြီး ကော်လံတစ်ခုစီသို့ အကြောင်းအရာများ သတ်မှတ်ပေးခြင်းဆိုင်ရာ အယူအဆအပေါ် အခြေခံသည်။ အခြားတစ်ဖက်တွင်၊ ဇယားကွက်အပြင်အဆင်များသည် စာမျက်နှာတစ်ခုပေါ်ရှိ အကြောင်းအရာများကို အဆင်အပြင်ပြုလုပ်ရန် ဂရစ်စနစ်တစ်ခုကို အသုံးပြုသည်။

ကော်လံအခြေခံသည့် အပြင်အဆင်များသည် ဝဘ်အက်ပလီကေးရှင်းများတွင် ပို၍အဖြစ်များသော်လည်း ဇယားကွက်အပြင်အဆင်များသည် ပရင့်အက်ပလီကေးရှင်းများတွင် ပို၍အဖြစ်များပါသည်။ သို့သော်၊ အပြင်အဆင်နှစ်မျိုးလုံးကို ဝဘ်အက်ပလီကေးရှင်းများနှင့် ပရင့်အက်ပလီကေးရှင်းများတွင် အသုံးပြုနိုင်သည်။

JavaScript တွင် ကော်လံအခြေခံသည့် အပြင်အဆင်ကို ဖန်တီးရန်၊ သင့်စာမျက်နှာရှိ ကော်လံများကို ကိုယ်စားပြုသည့် အရာဝတ္ထုတစ်ခု ဖန်တီးရန် ဦးစွာ လိုအပ်သည်။ array ရှိ အရာတစ်ခုစီတွင် အောက်ပါ ဂုဏ်သတ္တိများ ရှိသင့်သည်-

အမည် : ကော်လံအမည်။

: ကော်လံအမည်။ width : pixels ဖြင့် ကော်လံ၏ အကျယ်။

: pixels ဖြင့် ကော်လံ၏ အကျယ်။ အမြင့်- pixels ဖြင့် ကော်လံ၏ အမြင့်။

ထို့နောက်၊ သင်သည် ColumnLayout ၏ဥပမာတစ်ခုဖန်တီးရန် လိုအပ်သည်၊ ၎င်းသည် ကော်လံတစ်ခုစီအတွက် နေရာခွဲဝေပေးပြီး ၎င်းတွင် အကြောင်းအရာကို တင်ဆက်ပေးမည့် ColumnLayout ကိုဖန်တီးရန် လိုအပ်သည်။ သင့်ကော်လံများကို ကိုယ်စားပြုသည့် အရာဝတ္ထုများကို ColumnLayout တည်ဆောက်သူထံ ပေးပို့ခြင်းဖြင့် ၎င်းကို သင်လုပ်ဆောင်နိုင်သည်-

အခြေအနေများ

JavaScript တွင် သင်သတိထားရန်လိုအပ်သည့် သာမန်အခြေအနေအချို့ရှိပါသည်။

ပထမအချက်မှာ if statement ဖြစ်သည်။ ဤထုတ်ပြန်ချက်သည် သင့်အား အခြေအနေတစ်ခုအား စမ်းသပ်ရန် ခွင့်ပြုထားပြီး၊ ၎င်းသည် မှန်ပါက၊ ပိတ်ဆို့ခြင်းအတွင်းရှိ ကုဒ်ကို လုပ်ဆောင်ပါ။ if statement တစ်ခုအတွက် syntax သည် အောက်ပါအတိုင်းဖြစ်သည် ။

if (condition) { // Code ကို execute }

သတိထားရမယ့် ဒုတိယအခြေအနေကတော့ while statement ဖြစ်ပါတယ်။ ဤဖော်ပြချက်သည် if statement နှင့် အလားတူအလုပ်လုပ်သည်၊ သို့သော် အခြေအနေမှန်မဟုတ်တော့သည့်တိုင်အောင် ပိတ်ဆို့ထားသောအတွင်းကုဒ်ကို ဆက်လက်လုပ်ဆောင်နေလိမ့်မည်။ ခဏတာဖော်ပြချက်၏ syntax သည်အောက်ပါအတိုင်းဖြစ်သည်။

while (condition) { // ကုဒ်ကို execute }