script.js

// Seleciona todas as teclas
const teclas = document.querySelectorAll('.tecla');

// Variável para armazenar o áudio que está tocando
let audioAtual = null;

teclas.forEach(tecla => {
    tecla.addEventListener('click', () => {
        const nomePassaro = tecla.querySelector('p').textContent.toLowerCase();

        // Se houver um áudio tocando, pausa e reseta
        if (audioAtual) {
            audioAtual.pause();
            audioAtual.currentTime = 0;
        }

        // Cria um novo áudio e toca
        audioAtual = new Audio(`sons/${nomePassaro}.mp3`);
        audioAtual.play().catch(err => {
            console.error(`Erro ao tocar o som de ${nomePassaro}:`, err);
        });

        // Efeito visual opcional
        tecla.classList.add('ativo');
        setTimeout(() => {
            tecla.classList.remove('ativo');
        }, 200);
    });
});