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>

Сондай-ақ батырма берілген. Батырманы басқанда дивтің қаріп өлшемін өлшем бірліктері жоқ түрде шығарыңыз.