Адзінкі вымярэння ў атрыбуце style у JavaScript

Пры ўказанні значэнняў уласцівасцяў праз атрыбут style мы павінны ўказваць адзінкі вымярэння:

elem.style.width = '100px';

Пры чытанні значэнняў яны таксама будуць атрымлівацца з адзінкамі вымярэнняў:

let width = elem.style.width;
console.log(width); // выведзе '100px';

Пры неабходнасці мы можам пазбавіцца ад адзінак вымярэння з дапамогай parseInt:

let width = elem.style.width;
console.log(parseInt(width)); // выведзе 100

Калі прадугледжваюцца дробныя значэнні, можна скарыстацца функцыяй parseFloat:

let width = elem.style.width;
console.log(parseFloat(width));

Дадзены дыў і кнопка. Па націску на кнопку задайце дыву шырыню ў 400px, а вышыню ў 300px.

Дадзены дыў:

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

Дадзена таксама кнопка. Па кліку на кнопку вывядзіце шырыню і вышыню дыва без адзінак вымярэння.

Дадзены дыў:

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

Дадзена таксама кнопка. Па кліку на кнопку вывядзіце памер шрыфту дыва без адзінак вымярэння.