diff --git a/clase-9.js b/clase-9.js index 7c01d96..6411faa 100644 --- a/clase-9.js +++ b/clase-9.js @@ -92,4 +92,29 @@ boton.addEventListener('click' , () =>{ // Para limpiar un campo se puede asignar un string vacío a su propiedad value: -// document.querySelector("#nombre").value = ""; \ No newline at end of file +// document.querySelector("#nombre").value = ""; + +let nombre = document.querySelector('#nombre'); +let edad = document.querySelector('#edad'); +let mensaje = document.querySelector('textarea'); +let enviar = document.querySelector('#enviar'); +let form = document.querySelector('form') + +console.log(nombre.value); + +form.addEventListener('submit' , (e) =>{ + e.preventDefault(); + if (nombre.value.trim() === '') { + console.log('nombre vacio, reintenta'); + return; + } else if (edad.value > 120 || edad.value < 0){ + console.log('edad inverosimil'); + return; + } else if (mensaje.value.trim() === ''){ + console.log('mensaje vacio'); + return; + } + + + console.log("Formulario enviado"); +}); diff --git a/index.html b/index.html index 1380514..d244db9 100644 --- a/index.html +++ b/index.html @@ -45,7 +45,7 @@
-
+
@@ -54,7 +54,7 @@
- +