menu.js

document.addEventListener("DOMContentLoaded", function () {
    function showMenu() {
        const menu = document.querySelector("section.menu");
        menu.style.height = "100%";
    }
    function closeMenu() {
        const menu = document.querySelector("section.menu");
        menu.style.height = "0";
    }

    function addClickToMenuItems() {
        const menuItems = document.querySelectorAll("section.menu nav ul>li");
        for (let menuItem of menuItems) {
            menuItem.addEventListener("click", closeMenu);
        }
    }

    document.getElementById("menu-button").addEventListener("click", showMenu)
    document.getElementById("close-menu").addEventListener("click", closeMenu)
    addClickToMenuItems();

})