JavaScript-ում չափման միավորների հետ կապված սխալներ

Հաճախ հեշտ է սխալվել և մոռանալ չափման միավորների մասին: Օրինակ, այսպես.

let width = 100;
elem.style.width = width; // վա՜յ...

Ճիշտ կլինի նշել արժեքը պիքսելներով.

let width = 100;
elem.style.width = width + 'px';

Պատկերացնենք, որ ուզում ենք ավելացնել լայնությունը որոշակի արժեքով: Դրա համար մենք նախ պետք է կարդանք լայնությունը, ապա հանենք թիվը, գումարենք դրան անհրաժեշտ արժեքը, ավելացնենք 'px' և միայն դրանից հետո գրենք հետ.

let widthPx = elem.style.width;
let widthNm = parseInt(widthPx);
elem.style.width = (widthNm + 30) + 'px';

Բացատրեք, թե որտեղ է սխալը հետևյալ կոդում.

<div style="font-size: 16px;">
	text
</div>

let elem = document.querySelector('div');
elem.style.fontSize = elem.style.fontSize + 2;

Բացատրեք, թե որտեղ է սխալը հետևյալ կոդում.

<div style="font-size: 16px;">
	text
</div>

let elem = document.querySelector('div');
elem.style.fontSize = parseInt(elem.style.fontSize + 2) + 'px';

Բացատրեք, թե որտեղ է սխալը հետևյալ կոդում.

<div style="font-size: 2.5em;">
	text
</div>

let elem = document.querySelector('div');
elem.style.fontSize = parseInt(elem.style.fontSize) + 2 + 'em';

Տրված է div.

<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
	text
</div>

Տրված է նաև կոճակ: Կոճակի վրա կտտացնելիս ավելացրեք div-ի լայնությունն ու բարձրությունը 50px-ով:

Տրված է div.

<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
	text
</div>

Տրված է նաև կոճակ: Կոճակի վրա կտտացնելիս ավելացրեք div-ի լայնությունն ու բարձրությունը 10%-ով: