Единици за мерење во атрибутот style во JavaScript

При назначување на вредности на својства преку атрибутот 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-от без единици за мерење.