জাভাস্ক্রিপ্টে পরিমাপের একক নিয়ে সাধারণ ভুল

প্রায়ই ভুল হয়ে যায় এবং পরিমাপের একক ভুলে যাওয়া হয়। উদাহরণস্বরূপ, এভাবে:

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% করে বাড়ান।