adding script wesbos#18

Author: Watson6982

18 - Adding Up Times with Reduce/index-START.html

@@ -182,6 +182,28 @@
     </li>
   </ul>
 <script>
+  const timeNodes = document.querySelectorAll('[data-time]');
+  // convert node list to array
+  const timeArray = Array.from(timeNodes);
+  
+  const seconds = timeArray
+    .map(item => item.dataset.time)
+    .map(timeCode => {
+      const [mins, secs] = timeCode.split(':').map(parseFloat);
+      return (mins * 60) + secs;
+    })
+    .reduce((total,vidSeconds) => total + vidSeconds);
+
+    let secondsLeft = seconds;
+    const hours = Math.floor(secondsLeft / 3600);
+    secondsLeft = secondsLeft % 3600;
+
+    const mins = Math.floor(secondsLeft / 60);
+    secondsLeft = secondsLeft % 60;
+
+    console.log(hours, mins, secondsLeft);
+
+
 </script>
 </body>
 </html>