जावास्क्रिप्ट में मापन इकाइयों की सामान्य गलतियाँ

अक्सर गलती हो जाती है और मापन इकाइयों के बारे में भूल जाते हैं। उदाहरण के लिए, इस तरह:

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 id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
	text
</div>

एक बटन भी दी गई है। बटन पर क्लिक करने पर डिव की चौड़ाई और ऊंचाई को 50px बढ़ाएं।

एक डिव दी गई है:

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

एक बटन भी दी गई है। बटन पर क्लिक करने पर डिव की चौड़ाई और ऊंचाई को 10% बढ़ाएं।