natures-edge/script.js at main · bbrower33/natures-edge · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
document.addEventListener("DOMContentLoaded", () => {

    /*
     * MOBILE NAVIGATION
     */

    const menuToggle = document.querySelector(".menu-toggle");
    const nav = document.querySelector(".main-nav");


    if (menuToggle && nav) {

        menuToggle.addEventListener("click", () => {

            const isOpen =
                nav.classList.toggle("mobile-open");

            menuToggle.setAttribute(
                "aria-expanded",
                isOpen
            );

        });

    }


    /*
     * CLOSE MOBILE NAV AFTER CLICKING A LINK
     */

    const navLinks =
        document.querySelectorAll(".main-nav a");


    navLinks.forEach(link => {

        link.addEventListener("click", () => {

            nav.classList.remove("mobile-open");

            if (menuToggle) {
                menuToggle.setAttribute(
                    "aria-expanded",
                    "false"
                );
            }

        });

    });


    /*
     * DEMO QUOTE FORM
     *
     * This is intentionally front-end only for now.
     * Later we can connect it to your existing
     * Google Form / CRM workflow.
     */

    const quoteForm =
        document.querySelector(".quote-form");


    if (quoteForm) {

        quoteForm.addEventListener("submit", (event) => {

            event.preventDefault();

            alert(
                "Thanks for contacting Nature's Edge Landscaping! We'll be in touch shortly."
            );

        });

    }

});