Use object destructuring

Author: jefrailey

16 - Mouse Move Shadow/my-index.html

@@ -36,11 +36,9 @@ <h1 contenteditable>🔥WOAH!</h1>
   const text = hero.querySelector('h1');
 
   function update(event) {
-    const maxX = window.screen.availWidth;
-    const maxY = window.screen.availHeight;
-    const mouseX = event.screenX;
+    const {availWidth: maxX, availHeight: maxY} = window.screen;
+    const {screenX: mouseX, screenY: mouseY} = event;
     const center = {x: maxX / 2, y: maxY / 2};
-    const mouseY = event.screenY;
     const constraint = 200
     const shadowX = ((mouseX - center.x)/ maxX) * constraint;
     const shadowY = ((mouseY - center.y) / maxY ) * constraint;