Unit pengukuran dalam atribut style di JavaScript

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

elem.style.width = '100px';

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

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

Jika diperlukan, kita dapat menghilangkan unit pengukuran menggunakan parseInt:

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

Jika diperkirakan ada nilai pecahan, dapat digunakan fungsi parseFloat:

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

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

Diberikan sebuah div:

<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.

Diberikan sebuah div:

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

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