Untitled

document.getElementById('birthdayForm').addEventListener('submit', function(event) {
    event.preventDefault();
    let birthday = document.getElementById('birthday').value;
    if (birthday) {
        fetchSongs(birthday);
    }
});

function fetchSongs(birthday) {
    let url = `/get_songs?birthday=${birthday}`;
    fetch(url)
        .then(response => response.json())
        .then(data => {
            displayResults(data);
        })
        .catch(error => {
            console.error('Error fetching data:', error);
        });
}

function displayResults(songs) {
    let resultsDiv = document.getElementById('results');
    resultsDiv.innerHTML = '';
    if (songs.length > 0) {
        let ul = document.createElement('ul');
        songs.forEach(song => {
            let li = document.createElement('li');
            li.textContent = `${song.title} by ${song.artist}`;
            ul.appendChild(li);
        });
        resultsDiv.appendChild(ul);
    } else {
        resultsDiv.textContent = 'No songs found for this date.';
    }
}