Преобразование прочитанных значений в JavaScript

Функция getComputedStyles не получает именно те значения, которые были заданы в CSS. Она преобразует их в абсолютные значения, обычно в пиксели.

Давайте посмотрим на примере. Пусть у нас задана ширина в процентах:

#elem {
	width: 100%;
}

Однако при чтении ширины мы получим значение не в процентах, а в пикселях:

console.log(computedStyle.width); // значение в px

Для элемента заданы следующие стили:

#elem {
	font-size: 2em;
}

По клику на кнопку выведите размер шрифта элемента.