// Loop through all elements with class js--music-player
Array.from(document.querySelectorAll(".js--music-player")).forEach(function (
  player
) {
  // We initially set a Audio element with the contents of our href
  player.audio = new Audio(player.href);

  // Add click event to this element
  player.addEventListener("click", function (event) {
    // Check if this player is playing 😎
    if (event.target.classList.contains("playing")) {
      // Playing so pause our audio track
      event.target.audio.pause();
      // Remove our playing class
      event.target.classList.remove("playing");
      // Set the content to play again
      event.target.innerText = "▶️ Play";
    } else {
      // Not playing so we can start playing
      event.target.audio.play();
      // Add the class of playing
      event.target.classList.add("playing");
      // Change text to Stop
      event.target.innerText = "🛑 Stop";
    }

    // Prevent from going to the actual link
    event.preventDefault();
  });
});