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
