জাভাস্ক্রিপ্টে পরিমাপের একক নিয়ে সাধারণ ভুল
প্রায়ই ভুল হয়ে যায় এবং পরিমাপের একক ভুলে যাওয়া হয়। উদাহরণস্বরূপ, এভাবে:
javascriptlet width = 100;
elem.style.width = width; // উফ...
সঠিকভাবে পিক্সেলে মানটি উল্লেখ করতে হবে:
javascriptlet width = 100;
elem.style.width = width + 'px';
ধরুন আমরা প্রস্থ কিছুটা বাড়াতে চাই। এর জন্য
আমাদের প্রথমে প্রস্থ পড়তে হবে,
তারপর সংখ্যাটি বের করতে হবে, এতে কাঙ্ক্ষিত মান যোগ করতে হবে,
'px' যোগ করতে হবে
এবং শুধুমাত্র তখন পিছনে লিখতে হবে:
javascriptlet widthPx = elem.style.width;
let widthNm = parseInt(widthPx);
elem.style.width = (widthNm + 30) + 'px';
Задание 1
নিচের কোডে ভুলটি কী তা ব্যাখ্যা করুন:
html<div style="font-size: 16px;">
text
</div>javascriptlet elem = document.querySelector('div');
elem.style.fontSize = elem.style.fontSize + 2;
Задание 2
নিচের কোডে ভুলটি কী তা ব্যাখ্যা করুন:
html<div style="font-size: 16px;">
text
</div>javascriptlet elem = document.querySelector('div');
elem.style.fontSize = parseInt(elem.style.fontSize + 2) + 'px';
Задание 3
নিচের কোডে ভুলটি কী তা ব্যাখ্যা করুন:
html<div style="font-size: 2.5em;">
text
</div>javascriptlet elem = document.querySelector('div');
elem.style.fontSize = parseInt(elem.style.fontSize) + 2 + 'em';
Задание 4
একটি div দেওয়া আছে:
html<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
একটি বাটনও দেওয়া আছে। বাটনে ক্লিক করলে
div-এর প্রস্থ এবং উচ্চতা
50px করে বাড়ান।
Задание 5
একটি div দেওয়া আছে:
html<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
একটি বাটনও দেওয়া আছে। বাটনে ক্লিক করলে
div-এর প্রস্থ এবং উচ্চতা
10% করে বাড়ান।