Front-end-Design-Project/static/js/main.js

document.addEventListener("DOMContentLoaded", function() {
    // open log button
    const modal = document.getElementById("formModal");
    const openBtns = document.querySelectorAll(".open-form-btn");
    const closeBtn = document.getElementById("closeFormBtn");

    if (modal && openBtns.length > 0) {
        openBtns.forEach(btn => {
            btn.addEventListener("click", function() {
                modal.showModal();
            });
        });
    }

    if (closeBtn && modal) {
        closeBtn.addEventListener("click", function() {
            modal.close();
        });
    }
});