Адзінкі вымярэння ў атрыбуце 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

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

Задание 2

Дадзены дыў:

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

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

Задание 3

Дадзены дыў:

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

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