जावास्क्रिप्ट में style एट्रिब्यूट में मापन इकाइयाँ

गुणों के मान निर्दिष्ट करते समय style एट्रिब्यूट के माध्यम से हमें मापन इकाइयाँ निर्दिष्ट करनी होंगी:

javascriptelem.style.width = '100px';

मान पढ़ते समय वे मापन इकाइयों के साथ भी प्राप्त होंगे:

javascriptlet width = elem.style.width;
console.log(width); // '100px' आउटपुट करेगा;

आवश्यकता पड़ने पर हम parseInt की सहायता से मापन इकाइयों से छुटकारा पा सकते हैं:

javascriptlet width = elem.style.width;
console.log(parseInt(width)); // 100 आउटपुट करेगा

यदि भिन्नात्मक मान अपेक्षित हैं, तो parseFloat फ़ंक्शन का उपयोग किया जा सकता है:

javascriptlet width = elem.style.width;
console.log(parseFloat(width));
Задание 1

एक div और एक बटन दिया गया है। बटन पर क्लिक करने पर div की चौड़ाई 400px पर सेट करें, और ऊँचाई 300px पर सेट करें।

Задание 2

एक div दिया गया है:

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

एक बटन भी दी गई है। बटन पर क्लिक करने पर div की चौड़ाई और ऊँचाई मापन इकाइयों के बिना आउटपुट करें।

Задание 3

एक div दिया गया है:

html<div id="elem" style="font-size: 1.5em;">
  text
</div>

एक बटन भी दी गई है। बटन पर क्लिक करने पर div के फ़ॉन्ट आकार को मापन इकाई के बिना आउटपुट करें।