Merni jedinice u atributu style u JavaScriptu

Prilikom određivanja vrednosti svojstava preko atributa style moramo navedemo mernu jedinicu:

javascriptelem.style.width = '100px';

Prilikom čitanja vrednosti, one će takođe biti dobijene sa mernim jedinicama:

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

Po potrebi možemo da se oslobodimo mernih jedinica pomoću parseInt:

javascriptlet width = elem.style.width;
console.log(parseInt(width)); // ispisaće 100

Ako se očekuju decimalne vrednosti, možete koristiti funkciju parseFloat:

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

Dat je div i dugme. Klikom na dugme postavite divu širinu od 400px, a visinu od 300px.

Задание 2

Dat je div:

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

Dat je i dugme. Klikom na dugme ispisati širinu i visinu div-a bez mernih jedinica.

Задание 3

Dat je div:

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

Dat je i dugme. Klikom na dugme ispisati veličinu fonta div-a bez mernih jedinica.