JavaScript'dagi style atributida o‘lchov birliklari

Xususiyatlarning qiymatlarini style atributi orqali belgilashda biz o‘lchov birliklarini ko'rsatishimiz kerak:

javascriptelem.style.width = '100px';

Qiymatlarni o'qishda ular ham o‘lchov birliklari bilan olinadi:

javascriptlet width = elem.style.width;
console.log(width); // '100px' ni chiqaradi;

Agar kerak bo'lsa, biz parseInt yordamida o‘lchov birliklaridan xalos bo'lishimiz mumkin:

javascriptlet width = elem.style.width;
console.log(parseInt(width)); // 100 ni chiqaradi

Agar kasr qiymatlar kutilayotgan bo'lsa, parseFloat funktsiyasidan foydalanish mumkin:

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

Div va tugma berilgan. Tugmani bosishda divga 400px kenglik, 300px balandlik bering.

Задание 2

Div berilgan:

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

Shuningdek, tugma berilgan. Tugmani bosishda divning kengligi va balandligini o‘lchov birliklarisiz chiqaring.

Задание 3

Div berilgan:

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

Shuningdek, tugma berilgan. Tugmani bosishda divning shrift hajmini o‘lchov birliklarisiz chiqaring.