refactor shadow function

Author: simoneas02

apps/mouse-move-shadow/assets/script/index.js

@@ -2,23 +2,29 @@ const container = document.querySelector(".container")
 const title = document.querySelector(".container__title")
 const walk = 500
 
+const applyShadow = (xWalk, yWalk, title) => {
+    title.style.textShadow = `
+      ${xWalk}px ${yWalk}px 0 rgba(255,0,255,0.7),
+      ${xWalk * -1}px ${yWalk}px 0 rgba(0,255,255,0.7),
+      ${yWalk}px ${xWalk * -1}px 0 rgba(0,255,0,0.7),
+      ${yWalk * -1}px ${xWalk}px 0 rgba(0,0,255,0.7)
+    `;
+}
+
 const shadow = event => {
     const { offsetWidth: width, offsetHeight: height } = container;
     let { offsetX: x, offsetY: y } = event;
-    
+
     if (this !== event.target) {
       x = x + event.target.offsetLeft;
       y = y + event.target.offsetTop;
     }
 
     const xWalk = Math.round((x / width * walk) - (walk / 2));
     const yWalk = Math.round((y / height * walk) - (walk / 2));
-    title.style.textShadow = `
-      ${xWalk}px ${yWalk}px 0 rgba(255,0,255,0.7),
-      ${xWalk * -1}px ${yWalk}px 0 rgba(0,255,255,0.7),
-      ${yWalk}px ${xWalk * -1}px 0 rgba(0,255,0,0.7),
-      ${yWalk * -1}px ${xWalk}px 0 rgba(0,0,255,0.7)
-    `;
+
+    applyShadow(xWalk, yWalk, title);
+
 }
 
-container.addEventListener('mousemove', shadow);
+container.addEventListener('mousemove', shadow);