From e93645af2e7ca395f9409dfc5330eb6aaae34a04 Mon Sep 17 00:00:00 2001
From: Giuli1297 <giuli1297.gg@gmail.com>
Date: Fri, 22 Oct 2021 14:35:57 -0300
Subject: [PATCH] Js Ejercicio 3

---
 src/JsDomEj3.html | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 src/JsDomEj3.html
diff --git a/src/JsDomEj3.html b/src/JsDomEj3.html
new file mode 100644
index 0000000..f26a587
--- /dev/null
+++ b/src/JsDomEj3.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Ejercicio 3</title>
+    <style>
+        .errormsg{
+            color: red;
+            display: none;
+        }
+    </style>
+</head>
+<body>
+    <form action="mailto:me@fakeemail.com" id="formx">
+        <fieldset>
+            <legend>Personal details</legend>
+            <p>
+                <label>
+                    Full name:
+                    <input type="text" name="fullname" id="fullname">
+                </label>
+            </p>
+            <p class="errormsg" id="nameerrormsg">Please enter your name above</p>
+            <p>
+                <label>
+                    Street Address:
+                    <input type="text" name="streetaddr" id="streetaddr">
+                </label>
+            </p>
+            <p class="errormsg" id="addrerrormsg">Please enter your street
+                address</p>
+        </fieldset>
+        <input type="submit" value="Submit it!">
+    </form>
+</body>
+<script>
+    document.querySelector('#formx').addEventListener('submit', ()=>{
+        const nameError = document.querySelector('#nameerrormsg');
+        const streetError = document.querySelector('#addrerrormsg');
+        if(document.querySelector('#fullname').value === ""){
+            nameError.style.display = 'block';
+        }else{
+            nameError.style.display = 'none';
+        }
+        if(document.querySelector('#streetaddr').value === ""){
+            streetError.style.display = 'block';
+        }else{
+            streetError.style.display = 'none';
+        }
+    });
+</script>
+</html>
\ No newline at end of file
--
libgit2 0.26.0

