Unit pengukuran dalam atribut style di JavaScript

Saat menentukan nilai properti melalui atribut style kita harus menyebutkan unit pengukurannya:

javascriptelem.style.width = '100px';

Saat membaca nilai, nilainya juga akan didapatkan dengan unit pengukurannya:

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

Jika diperlukan, kita dapat menghilangkan unit pengukuran menggunakan parseInt:

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

Jika diperkirakan ada nilai pecahan, dapat digunakan fungsi parseFloat:

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

Diberikan sebuah div dan sebuah tombol. Saat tombol ditekan, atur lebar div menjadi 400px, dan tingginya menjadi 300px.

Задание 2

Diberikan sebuah div:

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

Juga diberikan sebuah tombol. Saat tombol diklik, tampilkan lebar dan tinggi div tanpa unit pengukuran.

Задание 3

Diberikan sebuah div:

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

Juga diberikan sebuah tombol. Saat tombol diklik, tampilkan ukuran font div tanpa unit pengukuran.