JavaScript-də style atributunda olculmə vahidləri

Xassələrin qiymətlərini style atributu vasitəsilə təyin edərkən biz mutləq olculmə vahidlərini göstərməliyik:

javascriptelem.style.width = '100px';

Qiymətləri oxuyarkən onlar da olculmə vahidləri ilə birlikdə alınacaq:

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

Lazım olduqda biz parseInt funksiyasından istifadə edərək olculmə vahidlərinden xilas ola bilərik:

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

Əgər kesir qiymətlər nəzərdə tutulursa, parseFloat funksiyasından istifadə edə bilərsiniz:

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

Задание 1

Bir div və bir duymə verilib. Duyməyə click edildikdə divə 400px en və 300px hundurluk təyin edin.

Задание 2

Bir div verilib:

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

Bir duymə də verilib. Duyməyə click edildikdə divin enini və hundurluyunu olculmə vahidləri olmadan cixardin.

Задание 3

Bir div verilib:

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

Bir duymə də verilib. Duyməyə click edildikdə divin şrift olcusunu olculmə vahidi olmadan cixardin.