js challenge day 18

Video

 

Code

  <script>
    const timeNodes = Array.from(document.querySelectorAll('[data-time]'));

    const seconds = timeNodes.map(node => node.dataset.time).map(timeCode => {
      const [mins, secs] = timeCode.split(":").map(parseFloat);
      return (mins * 60) + secs;
    }).reduce((total, videoSecond) => total + videoSecond);

    let secondsLeft = seconds;
    const hours = Math.floor(secondsLeft / 3600);
    secondsLeft %= 3600;

    const mins = Math.floor(secondsLeft / 60);
    secondsLeft %= 60;

    console.log(hours, mins, secondsLeft);
  </script>

 

느낀 점 & 배운 점

video시간들을 모두 합쳐서 시간 / 분 / 초로 출력해주는 과제였습니다.

특별할건 없었고, split(":")으로 나누자말자 map으로 변환해주는 방법을 배울 수 있었습니다.