html_pr13) app.js Code Review

https://mywebproject.tistory.com/124

 

HTML 훈련 - (13) Music Player

 

 

 

 

 

var musicPlayItems = document.querySelectorAll(".music-play-item")

musicPlayItems.forEach(function(item) {
  item.isPlaying = false
  item.audio = item.querySelector("audio")

  item.addEventListener("click", function() {
    if (this.isPlaying) {
      item.audio.pause()
      item.audio.currentTime = 0
    } else {
      item.audio.play()
    }

    item.isPlaying = !item.isPlaying
  })
})

 

 

 

 

 

 

---

REFERENCE (style.css / app.js)

https://github.com/rohjs/bugless-101/tree/master/html-practice/13-music-player

 

 

김버그의 HTML&CSS는 재밌다 - 구름EDU

 

강의내용 (X)
github 코드 위주로 작성하였습니다.

추후 비공개 처리 예정,