https://imhungry.surge.sh/src/contact.js

1(function () {
2    const sendBtn = document.getElementById("submit");
3    sendBtn.addEventListener("click", sendIt);
4
5
6    const contactForm = document.getElementById("contact-form");
7    const door = document.getElementsByClassName("door")[0];
8    const envelope = document.getElementsByClassName("rest")[0];
9    const door2 = document.getElementsByClassName("doorClosed")[0];
10    const msg = document.getElementsByClassName("sendAnother")[0];
11    const mail = document.getElementsByClassName("mailEnvelope")[0];
12    const sendMsgBtn = document.getElementsByClassName("sendMsgBtn")[0];
13    sendMsgBtn.addEventListener("click", reloadPage);
14
15    function reloadPage() {
16        location.reload();
17    }
18
19    function sendIt() {
20        contactForm.classList.add("bounceOutDown");
21
22        setTimeout(function () {
23            door.style.display = "none";
24            door2.style.display = "inline";
25        }, 1000);
26        setTimeout(function () {
27            mail.style.marginTop = "-20%";
28            mail.classList.add("rotateOutUpRight");
29        }, 2000);
30        setTimeout(function () {
31            mail.style.display = "none";
32            msg.style.display = "block";
33        }, 5000);
34
35    }
36
37
38    function showHideBar() {
39        let links = document.getElementById("menuLinks");
40        if (links.style.display === "block") {
41            links.style.display = "none";
42        } else {
43            links.style.display = "block";
44        }
45    }
46    document.getElementById("icon2").addEventListener("click", showHideBar);
47})()