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

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

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

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

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

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

Задание 5

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

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

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