JavaScript-däki style atributynyň ölçeg birlikleri

Häsiýetleriň bahalaryny style atributy arkaly görkezende biz ölçeg birliklerini görkezmeli:

javascriptelem.style.width = '100px';

Baha okalanda olar hem ölçeg birlikleri bilen alynar:

javascriptlet width = elem.style.width;
console.log(width); // '100px' çykarar;

Gerek bolsa, biz parseInt ulanyp ölçeg birliklerinden ýokary çykyp bileris:

javascriptlet width = elem.style.width;
console.log(parseInt(width)); // 100 çykarar

Eger böleklik bahalar göz öňünde tutulýansa, parseFloat funksiýasyny ulanyp bolýar:

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

Задание 1

Bir div we bir düwme berlen. Düwmä basylanda div-e 400px ini, we 300px beýikligi beriň.

Задание 2

Bir div berlen:

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

Bir düwme hem berlen. Düwmä basylanda div-iň ini we beýikligini ölçeg birliksiz çykaryň.

Задание 3

Bir div berlen:

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

Bir düwme hem berlen. Düwmä basylanda div-iň ýazgy ölçegini ölçeg birliksiz çykaryň.