rstavchansky · rstavchansky · Oct 27, 2022 · Oct 27, 2022 · Oct 27, 2022 · Oct 27, 2022
diff --git a/.emails/welcome/index.html b/.emails/welcome/index.html
@@ -0,0 +1,6 @@
+<html>
+  <body>
+    <h1>Welcome, {{name}}</h1>
+    <p>This is a test from your friendly technical writing manager, Rachael Stavchansky. We hope you enjoy our super simple emails!</p>
+  </body>
+</html>
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
 # Local Netlify folder
-.netlify
+.netlify
+/node_modules
diff --git a/index.html b/index.html
@@ -20,7 +20,11 @@
     –––––––––––––––––––––––––––––––––––––––––––––––––– -->
     <link rel="stylesheet" href="css/normalize.css">
     <link rel="stylesheet" href="css/skeleton.css">
-
+
+    <!-- JavaScript
+    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+    <script type="module" src="js/script.js"></script>
+
   </head>
 <body>
 <h1>Hello World</h1>
@@ -68,5 +72,7 @@ <h2>You can contact this sweet puppy here</h2>
       <button type="submit">Send</button>
     </p>
   </form>
+
+  <button class="emailTest">Send email</button>
 </body>
 </html>
diff --git a/js/script.js b/js/script.js
@@ -0,0 +1,31 @@
+//var fetch = require('node-fetch');
+
+import fetch from 'node-fetch'
+
+sendEmailButton = document.querySelector(".emailTest");
+
+var sendEmail = async function () {
+
+await fetch(
+    `${process.env.URL}/.netlify/functions/emails/welcome`,
+    {
+      headers: {
+        "netlify-emails-secret": process.env.NETLIFY_EMAILS_SECRET,
+      },
+      method: "POST",
+      body: JSON.stringify({
+        from: "no-reply@yourdomain.com",
+        to: "jane.example@test.com",
+        cc: "cc@test.com",
+        bcc: "bcc@test.com",
+        subject: "Welcome",
+        parameters: {
+          products: ["product1", "product2", "product3"],
+          name: "Jane",
+        },
+      }),
+    }
+  );
+}
+
+sendEmailButton.addEventListener("click", sendEmail);
diff --git a/netlify.toml b/netlify.toml
@@ -1,9 +1,3 @@
-[[plugins]]
-package = "netlify-plugin-checklinks"
-
-  [plugins.inputs]
-  checkExternal = true
-
 [[headers]]
   for = "/protected/*"
   [headers.values]

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,6 @@
+{
+  "dependencies": {
+    "node-fetch": "^3.2.10"
+  },
+  "type": "module"
+}