Јединице мере у атрибуту 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-а без јединица мере.