JavaScript හි 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 එකේ අකුරු ප්‍රමාණය මැනීමේ ඒකක නොමැතිව ප්‍රදර්ශනය කරන්න.