Volg de video en codeer mee

function loadSingles() {

    const singlesJson =

    [

        {

            "naamSingle": "Viva La Vida",

            "naamAlbum": "Viva La Vida",

            "imgLink": "../img/fanpage/coldplay-album-cover-1.jpg",

            "youtubeLink": "https://www.youtube.com/watch?v=dvgZkm1xWPE"

        },

        {

            "naamSingle": "The Scientist",

            "naamAlbum": "Rush of Blood to the Head",

            "imgLink": "../img/fanpage/coldplay-album-cover-2.jpg",

            "youtubeLink": "https://www.youtube.com/watch?v=RB-RcX5DS5A"

        },

        {

            "naamSingle": "Paradise",

            "naamAlbum": "Mylo Xyloto",

            "imgLink": "../img/fanpage/coldplay-album-cover-3.jpg",

            "youtubeLink": "https://www.youtube.com/watch?v=dvgZkm1xWPE"

        },

        {

            "naamSingle": "Fix you",

            "naamAlbum": "X&Y",

            "imgLink": "../img/fanpage/coldplay-album-cover-4.jpg",

            "youtubeLink": "https://www.youtube.com/watch?v=RB-RcX5DS5A"

        },

        {

            "naamSingle": "Yellow",

            "naamAlbum": "Yellow",

            "imgLink": "../img/fanpage/coldplay-album-cover-5.jpg",

            "youtubeLink": "https://www.youtube.com/watch?v=dvgZkm1xWPE"

        },

        {

            "naamSingle": "Hymn for the weekend",

            "naamAlbum": "Rush of Blood to the Head",

            "imgLink": "../img/fanpage/coldplay-album-cover-6.jpg",

            "youtubeLink": "https://www.youtube.com/watch?v=RB-RcX5DS5A"

        },

        {

            "naamSingle": "Clocks",

            "naamAlbum": "Rush of Blood to the Head",

            "imgLink": "../img/fanpage/coldplay-album-cover-7.jpg",

            "youtubeLink": "https://www.youtube.com/watch?v=dvgZkm1xWPE"

        },

        {

            "naamSingle": "Up & up",

            "naamAlbum": "A head full of dreams",

            "imgLink": "../img/fanpage/coldplay-album-cover-8.jpg",

            "youtubeLink": "https://www.youtube.com/watch?v=RB-RcX5DS5A"

        }

    ]

    const singlesID = document.getElementById("load-singles");

    let singlesString = "";

    for (var x = 0; x < singlesJson.length; x++) {

        console.log("in for loop singles");

        singlesString +=

        `

            <a data-text="Afspelen" class="singles-item follow-action" href="${singlesJson[x].youtubeLink}" target="blank">

            <img src="${singlesJson[x].imgLink}" alt="Album cover ${singlesJson[x].naamSingle}">

            <div class="singles-text-wrapper">

                <h4>${singlesJson[x].naamSingle}</h4>

                <div>${singlesJson[x].naamAlbum}</div>

            </div>

            </a>

        `

    }

    singlesID.innerHTML = singlesString;

}

‍