JavaScript တွင် တိုင်းတာမှု ယူနစ်များနှင့် ပတ်သက်သည့် အမှားများ

တိုင်းတာမှုယူနစ်ကို မေ့လျော့ပြီး အမှားလုပ်မိရန် မကြာခဏ လွယ်ကူပါသည်။ ဥပမာ-

let width = 100;
elem.style.width = width; // အိုး...

မှန်ကန်စွာ ပြုလုပ်ရန် နည်းလမ်းမှာ ပီကယ်တန်ဖိုးကို ဖော်ပြရန် ဖြစ်သည်။

let width = 100;
elem.style.width = width + 'px';

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

let widthPx = elem.style.width;
let widthNm = parseInt(widthPx);
elem.style.width = (widthNm + 30) + 'px';

အောက်ပါကုဒ်တွင် အမှားသည် ဘာတွေလဲဆိုတာ ရှင်းပြပါ။

<div style="font-size: 16px;">
	စာသား
</div>

let elem = document.querySelector('div');
elem.style.fontSize = elem.style.fontSize + 2;

အောက်ပါကုဒ်တွင် အမှားသည် ဘာတွေလဲဆိုတာ ရှင်းပြပါ။

<div style="font-size: 16px;">
	စာသား
</div>

let elem = document.querySelector('div');
elem.style.fontSize = parseInt(elem.style.fontSize + 2) + 'px';

အောက်ပါကုဒ်တွင် အမှားသည် ဘာတွေလဲဆိုတာ ရှင်းပြပါ။

<div style="font-size: 2.5em;">
	စာသား
</div>

let elem = document.querySelector('div');
elem.style.fontSize = parseInt(elem.style.fontSize) + 2 + 'em';

div တစ်ခုကို ပေးထားသည်။

<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
	စာသား
</div>

ခလုတ်တစ်ခုလည်း ပေးထားသည်။ ခလုတ်ကို နှိပ်လိုက်သည့်အခါ div ၏ အကျယ်နှင့် အမြင့်ကိ် 50px တိုးပေးပါ။

div တစ်ခုကို ပေးထားသည်။

<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
	စာသား
</div>

ခလုတ်တစ်ခုလည်း ပေးထားသည်။ ခလုတ်ကို နှိပ်လိုက်သည့်အခါ div ၏ အကျယ်နှင့် အမြင့်ကိ် 10% တိုးပေးပါ။