window.onload = function() {
    let elements = document.getElementsByClassName("ecouterici");

    for(let i = 0; i < elements.length; i++) {
        elements[i].onclick = function (e) {
            e.preventDefault();
            var elm = e.target;
            var audio = document.getElementById('audio');

            var source = document.getElementById('audioSource');
            source.src = elm.getAttribute('data-value');

            audio.load(); //call this to just preload the audio without playing
            audio.play(); //call this to play the song right away

            document.getElementById('listening-to').textContent= "Listening to: ";

            var title = elm.getAttribute('title');
            document.getElementById('play-title').textContent= "" + title;

            
            

           


            if (window.matchMedia("(max-width: 700px)").matches) {
                document.getElementById('footer-text').style.display = "block";
                } else {
                    document.getElementById('footer-text').style.display = "block ruby";

                }


        }
    }
};