Njësitë e matjes në atributin style në JavaScript

Kur specifikoni vlerat e vetive përmes atributit style ne duhet të specifikojmë njësitë e matjes:

javascriptelem.style.width = '100px';

Gjatë leximit të vlerave ato gjithashtu do të merren me njësitë e matjes:

javascriptlet width = elem.style.width;
console.log(width); // do të shfaqë '100px';

Nëse është e nevojshme, ne mund të heqim qafe njësitë e matjes duke përdorur parseInt:

javascriptlet width = elem.style.width;
console.log(parseInt(width)); // do të shfaqë 100

Nëse priten vlera thyesore, mund të përdorni funksionin parseFloat:

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

Jepet një div dhe një buton. Me klikim në buton cakto div-it gjerësinë në 400px, dhe lartësinë në 300px.

Задание 2

Jepet një div:

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

Jepet gjithashtu një buton. Me klikim në buton shfaq gjerësinë dhe lartësinë e div-it pa njësitë e matjes.

Задание 3

Jepet një div:

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

Jepet gjithashtu një buton. Me klikim në buton shfaq madhësinë e shkronjave të div-it pa njësitë e matjes.