client side email script (see #2)

contactUs.html

@@ -41,7 +41,7 @@
         <h5 class="contactCont">CONTACT US</h5>
     </div>
 
-    <form>
+    <form id="contactForm">
         <div>
             <label for="name">Name</label> <br/>
             <input type="text" name="name" id="name"/>
@@ -63,7 +63,7 @@ <h5 class="contactCont">CONTACT US</h5>
         </div>
 
         <div>
-            <button type="submit">SEND</button>
+            <button type="submit" id="sendButton">SEND</button>
         </div>
     </form>
 
@@ -84,7 +84,8 @@ <h5 class="contactCont">CONTACT US</h5>
         </ul>
     </footer>
 
-    <script src="./scripts/nav.js"></script>
+    <script src="scripts/nav.js"></script>
+    <script src="scripts/mail.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
     <script> M.AutoInit();</script>
 </body>

scripts/mail.js

@@ -0,0 +1,23 @@
+const EMAIL_ADDRESS = "[email protected]";
+const DEFAULT_SUBJECT = "Dedilse Inquiry";
+let url = `mailto:${EMAIL_ADDRESS}?subject=${encodeURIComponent(DEFAULT_SUBJECT)}`;
+
+const nameInput = document.getElementById("name");
+const emailInput = document.getElementById("email");
+const phoneInput = document.getElementById("phone");
+const messageInput = document.getElementById("message");
+const submitButton = document.getElementById("sendButton");
+
+submitButton.addEventListener("click", (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+
+    let message = `${messageInput.value}
+    
+        Contact Information:
+        ${nameInput.value}
+        ${phoneInput.value}
+        ${emailInput.value}`;
+    url += `&body=${encodeURIComponent(message)}`;
+    window.open(url, "_blank");
+});