JavaScript да style атрибутида ўлчов бирликлари

Хоссалар қийматларини 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>

Тугма ҳам берилган. Тугмани босганда дивнинг шрифт ўлчамини ўлчов бирликларисиз чиқаринг.