import { playlistArr } from '/playlist.js'

/*
Challenge
1. Use the .join() method to remove 
   those annoying commas!
⚠️ You will need to chain two methods
   together to complete the challenge.
*/

const playlistHtml = playlistArr.map(function(track){
    return `
    <section class="card">
        <div class="card-start">
            <img src="/images/${track.albumArt}">
        </div>
            <div class="card-mid">
                <h4 class="card-title">${track.title}</h4>
                <p class="card-artist">${track.artist}</p>
            </div>
        <div class="card-end">
            <p class="card-menu">...</p>
        </div>
    </section>
    `
})

document.getElementById('container').innerHTML = playlistHtml