From 1da61ee17f737379b11ec5320ea33d28d99d1eb9 Mon Sep 17 00:00:00 2001
From: Javier Ferreira <jafere98@gmail.com>
Date: Mon, 1 Nov 2021 13:59:12 -0300
Subject: [PATCH] Initial commit

---
 Dia6/Trigger.docx       | Bin 0 -> 12375 bytes
 Dia6/ejercicio3dom.html | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 52 insertions(+)
 create mode 100644 Dia6/Trigger.docx
 create mode 100644 Dia6/ejercicio3dom.html
diff --git a/Dia6/Trigger.docx b/Dia6/Trigger.docx
new file mode 100644
index 0000000..b75c58b
Binary files /dev/null and b/Dia6/Trigger.docx differ
diff --git a/Dia6/ejercicio3dom.html b/Dia6/ejercicio3dom.html
new file mode 100644
index 0000000..e96690d
--- /dev/null
+++ b/Dia6/ejercicio3dom.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">Ingrese su nombre</p>
+            <p>
+                <label>
+                    Street Address:
+                    <input type="text" name="streetaddr" id="streetaddr">
+                </label>
+            </p>
+            <p class="errormsg" id="addrerrormsg">Ingrese su direccion 
+            </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>
--
libgit2 0.26.0

