https://luckygoxer.github.io/js/navsmall.js

1document.addEventListener("DOMContentLoaded", function() {
2    const greaseImage = document.querySelector("header a figure img");
3    const navSmalls = document.querySelectorAll(".navsmall");
4
5    function toggleNavSmalls() {
6        if (window.innerWidth < 840) {
7            navSmalls.forEach(navSmall => {
8                if (navSmall.style.display === "none" || navSmall.style.display === "") {
9                    navSmall.style.display = "block";
10                } else {
11                    navSmall.style.display = "none";
12                }
13            });
14        }
15    }
16
17    function checkScreenWidth() {
18        if (window.innerWidth >= 840) {
19            navSmalls.forEach(navSmall => {
20                navSmall.style.display = "block";
21            });
22        } else {
23            navSmalls.forEach(navSmall => {
24                navSmall.style.display = "none";
25            });
26        }
27    }
28
29    greaseImage.addEventListener("click", toggleNavSmalls);
30    window.addEventListener("resize", checkScreenWidth);
31    checkScreenWidth();
32});