ජවාස්ක්‍රිප්ට් හි මිනුම් ඒකක සමග දෝෂ

බහුලවම වැරදීම් සිදුවන්නේ මිනුම් ඒකක ගැන අමතක වීමෙනි. උදාහරණයක් ලෙස:

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;">
	text
</div>

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

පහත කේතයේ දෝෂය පැහැදිලි කරන්න:

<div style="font-size: 16px;">
	text
</div>

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

පහත කේතයේ දෝෂය පැහැදිලි කරන්න:

<div style="font-size: 2.5em;">
	text
</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;">
	text
</div>

බොත්තමක් ද ලබා දී ඇත. බොත්තම ක්ලික් කිරීමෙන් div එකේ පළල සහ උස 50px කින් වැඩි කරන්න.

div එකක් ලබා දී ඇත:

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

බොත්තමක් ද ලබා දී ඇත. බොත්තම ක්ලික් කිරීමෙන් div එකේ පළල සහ උස 10% කින් වැඩි කරන්න.