From 478d27ff44661245bb34c13aa8760ac3f1590d33 Mon Sep 17 00:00:00 2001
From: Nicole Zarrilli <nicole.zarrilli@uconn.edu>
Date: Sun, 7 Apr 2024 19:40:24 -0400
Subject: [PATCH] Fake mailer API

---
 week-11/index.html | 66 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 66 insertions(+)
 create mode 100644 week-11/index.html
diff --git a/week-11/index.html b/week-11/index.html
new file mode 100644
index 0000000..257e525
--- /dev/null
+++ b/week-11/index.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Email Form</title>
+<style>
+  label {
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 15px;
+  }
+
+  button {
+    font-size: 12px;
+    color: green;
+    margin-top: 10px;
+  }
+
+  div {
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 15px;
+    margin-top: 10px;
+    font-weight: bold;
+  }
+</style>
+</head>
+<body>
+    <form id="emailForm">
+        <label for="to">To:</label><br>
+        <input type="email" id="to" name="to" required><br>
+        <label for="subject">Subject:</label><br>
+        <input type="text" id="subject" name="subject" required><br>
+        <label for="message">Message:</label><br>
+        <input type="message" id="message" name="message" required></input><br>
+        <button type="submit">Send</button>
+    </form>
+
+    <div id="response"></div>
+
+    <script>
+    const form = document.getElementById("emailForm");
+    const responseDiv = document.getElementById("response")
+
+    form.addEventListener("submit", function(event) {
+        event.preventDefault();
+
+        let data = new FormData(form);
+        data.set("to", "brian@uconn.edu");
+        data.set("subject", "Nigerian Prince: $1M Owed to You!");
+        data.set("message", "sdfsdfdsfsd");
+
+        fetch("https://bdaley.npkn.net/dmd-formmail/", {
+            method: "POST",
+            body: data
+        })
+            .then((response) => response.json())
+            .then((responseObject) => {
+                responseDiv.textContent = responseObject.message;
+            })
+            .catch((error) => {
+                responseDiv.textContent = responseObject.error;
+            });
+    });
+    </script>
+</body>
+</html>
\ No newline at end of file
