Complete the JavaScript function addPixels$()$ to calculate the sum of pixelAmount and the given element's cssProperty value, and return the new $"$px$"$ value. Ex: If helloElem's width is $130$px$,$ then calling addPixels$($helloElem$,$ "width", $50)$ should return $130$px $+50$px $="180$px$".$Complete the JavaScript function addPixels $0$ to calculate the sum of pixelAmount and the given element's cssProperty value, and

return the new $"$px$"$ value. Ex: If helloElem's width is $130$px$,$ then calling addPixels$($helloElem$,$ "width", $50)$ should return $130$px $+$

$50px="180$px$".$ SHOW EXPECTED

function addPixels$($element$,$ cssProperty, pixelAmount$)\{$

$\frac{\frac{?}{?}}{?}$ Get the current value of the CSS property in pixels

const currentValue $=$ parseFloat$($window$.$getComputedStyle$($element$).$getPropertyValue$($cssProperty$))$;

$\frac{\frac{?}{?}}{?}$ Calculate the sum of the current value and the given pixelAmount

const newalue $=$ currentValue $+$ pixelAmount;

$//$ Return the new value with $"$px$"$ appended as a string

return newValue.tofixed$(2)+"$px$"$; $//$ Ensuring fixed number of decimals

$\}$

const helloElem $=$ document.querySelector$("$#helloMessage"$)$;

const newVal $=$ addPixels$($helloElem$,$ "width", $50)$;

helloElem.style.setProperty$("$width$",$ newal$)$;

$1$

Testing $"$px$"$ in the return value of addPixels $0$

Yours and expected differ. See highlights below.

Special character legend

Yours addpixels$()$ does not return a string that consists of a number followed by $"$px$"$

Expected addPixels$()$ returns a string that consists of a number followed by $"$px$"$