Unit ukuran dalam atribut style dalam JavaScript

Apabila menetapkan nilai sifat melalui atribut style kita perlu menyatakan unit ukuran:

javascriptelem.style.width = '100px';

Apabila membaca nilai, ia juga akan diperoleh dengan unit ukuran:

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

Jika perlu, kita boleh menghilangkan unit ukuran menggunakan parseInt:

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

Jika nilai pecahan dijangka, fungsi parseFloat boleh digunakan:

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

Задание 1

Diberi satu div dan satu butang. Apabila butang ditekan tetapkan lebar div kepada 400px, dan tinggi kepada 300px.

Задание 2

Diberi satu div:

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

Diberi juga satu butang. Apabila butang diklik paparkan lebar dan tinggi div tanpa unit ukuran.

Задание 3

Diberi satu div:

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

Diberi juga satu butang. Apabila butang diklik paparkan saiz fon div tanpa unit ukuran.