From 22eb0713980d5b3e8d1f854f690dca06ac2c42da Mon Sep 17 00:00:00 2001
From: LSvekis <lassvekis@gmail.com>
Date: Thu, 30 Sep 2021 14:14:38 -0400
Subject: [PATCH] Create emailchecker

---
 Chapter 12/emailchecker | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 Chapter 12/emailchecker
diff --git a/Chapter 12/emailchecker b/Chapter 12/emailchecker
new file mode 100644
index 0000000..51679a1
--- /dev/null
+++ b/Chapter 12/emailchecker	
@@ -0,0 +1,31 @@
+<!doctype html>
+<html>
+<head>
+    <title>JavaScript Course</title>
+</head>
+<body>
+    <div class="output"></div>
+    <input type="text" placeholder="Enter Email">
+    <button>Check</button>
+    <script>
+        const output = document.querySelector(".output");
+        const emailVal = document.querySelector("input");
+        const btn = document.querySelector("button");
+        const emailExp = /([A-Za-z0-9._-]+@[A-Za-z0-9._-]+\.[A-Za-z0-9]+)\w+/;
+        btn.addEventListener("click", (e) => {
+            const val = emailVal.value;
+            const result = emailExp.test(val);
+            let response = "";
+            if (!result) {
+                response = "Invalid Email";
+                output.style.color = "red";
+            } else {
+                response = "Valid Email";
+                output.style.color = "green";
+            }
+            emailVal.value = "";
+            output.textContent = response;
+        })
+    </script>
+</body>
+</html>
