document.addEventListener('DOMContentLoaded', () => {
    console.log("DOM fully loaded and parsed");
    const keys = document.querySelectorAll('.key');
    console.log("Keys found:", keys.length); // Log the number of keys found
    keys.forEach(key => {
        key.addEventListener('click', () => {
            console.log(`Key clicked: ${key.id}`); // Log which key is clicked
            playSound(key.id);
        });
    });
});

function playSound(keyId) {
    console.log(`Playing sound for: ${keyId}`); // Log which key's sound is being played
    let audio;
    switch (keyId) {
        case 'key1':
            console.log("Sound 1 is being loaded");
            audio = new Audio('https://www.dropbox.com/scl/fi/t48fhwc6dvmuf5163wjok/its-fascinating-3.mp3?rlkey=yktbbng40dtj1y2v34qn4um08&dl=1');
            break;
        case 'key2':
            console.log("Sound 2 is being loaded");
            audio = new Audio('https://www.dropbox.com/scl/fi/ona6t75hdom6jgoz51qjq/amazing-3.mp3?rlkey=lt33ep22g2m4x66x5fh2bnlnf&dl=1');
            break;
        case 'key3':
            console.log("Sound 3 is being loaded");
            audio = new Audio('https://www.dropbox.com/scl/fi/0aocz2o1ghnfls8zcmamt/lucky-pants.mp3?rlkey=7sexgdt9ntznzlnuqp97b8u6s&dl=1');
            break;
        case 'key4':
            console.log("Sound 4 is being loaded");
            audio = new Audio('https://www.dropbox.com/scl/fi/136oq7vpae7m5r61q2a5a/that-s-a-good-idea-3.mp3?rlkey=bpqx16p9lxu7i624mfjfnd1ax&dl=1');
            break;
        case 'key5':
            console.log("Sound 5 is being loaded");
            audio = new Audio('https://www.dropbox.com/scl/fi/8rcspb07tye0gezpn7dzi/nobody-knows-2.mp3?rlkey=ni1zb3sl4pblfogd5hdnpdkz1&dl=1');
            break;
        // Add more cases as per your key ids
    }
 // Load the audio metadata
    audio.load();

    // Attempt to play the audio
    audio.play().then(() => {
        console.log("Playback successful.");
    }).catch(err => {
        console.log("Playback failed.", err);
        // Handle the failure gracefully
        // You might want to display an error message to the user
    });
}