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;">
  текст
</div>

Ошондой эле баскыч берилген. Баскычты чыкылдатканда, дивдин туурасын жана бийиктигин өлчөө бирдиктери сиздирбей чыгарыңыз.

Задание 3

Див берилген:

html<div id="elem" style="font-size: 1.5em;">
  текст
</div>

Ошондой эле баскыч берилген. Баскычты чыкылдатканда, дивдин шрифттин көлөмүн өлчөө бирдиктери сиздирбей чыгарыңыз.