const showNotesButton = document.getElementById("showNotesButton");
const notesContainer = document.getElementById("notesContainer");

showNotesButton.addEventListener("click", () => {
    // Toggle the 'hidden' class on notesContainer
    notesContainer.classList.toggle("hidden");

    // Update the button text based on the container's visibility
    const isHidden = notesContainer.classList.contains("hidden");
    showNotesButton.textContent = isHidden ? "Show Notes" : "Hide Notes";
});