Finished wesbos#18

Author: smchenrybc

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

@@ -177,11 +177,48 @@
     <li data-time="1:56">
       Video 57
     </li>
-    <li data-time="4:04">
+    <li data-time="4:06">
       Video 58
     </li>
   </ul>
+
 <script>
+  const timeNodes = document.querySelectorAll("[data-time]");
+  // console.log(timeNodes);
+
+  // convert node list to array
+  const timeArray = Array.from(timeNodes);
+  // console.log(timeArray);
+
+  const seconds = timeArray
+    .map(node => node.dataset.time)
+    .map(timeCode => {
+      // use destructuring & fix returned strings
+      const [mins, secs] = timeCode.split(':').map(parseFloat);
+
+      return (mins * 60) + secs;
+    })
+    // .reduce((total, seconds) => {
+    //   return total + seconds
+    // })
+
+    // above can be simplified since
+    // we're only returning values
+    .reduce((total, vidSecs) => total + vidSecs);
+
+  let secondsLeft = seconds;
+  const hours = Math.floor((secondsLeft / 3600));
+
+  // get the leftover after dividing by 3600
+  secondsLeft = secondsLeft % 3600;
+
+  const mins = Math.floor(secondsLeft / 60);
+  secondsLeft = secondsLeft % 60;
+
+  console.log(hours, mins, secondsLeft);
+
+  // now we have hours and seconds
 </script>
+
 </body>
 </html>