Enote merjenja v atributu style v JavaScriptu

Pri določanju vrednosti lastnosti prek atributa style moramo navedeti enote merjenja:

javascriptelem.style.width = '100px';

Pri branju vrednosti bodo te tudi pridobljene z enotami merjenja:

javascriptlet width = elem.style.width;
console.log(width); // izpiše '100px';

Po potrebi se lahko znebimo enot merjenja s pomočjo parseInt:

javascriptlet width = elem.style.width;
console.log(parseInt(width)); // izpiše 100

Če so predvidene delne vrednosti, lahko uporabimo funkcijo parseFloat:

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

Podan je div in gumb. Ob kliku na gumb nastavite divu širino 400px, in višino 300px.

Задание 2

Podan je div:

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

Podan je tudi gumb. Ob kliku na gumb izpišite širino in višino diva brez enot merjenja.

Задание 3

Podan je div:

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

Podan je tudi gumb. Ob kliku na gumb izpišite velikost pisave diva brez enot merjenja.