agrego alerta despues de submit formulario

waldohidalgo · Jan 27, 2024 · 2c44c64 · 2c44c64
1 parent 79d93f0
commit 2c44c64
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -105,13 +105,12 @@ background-attachment: fixed no tiene soporte en general navegadores
 */
 .background_slider {
   background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
+
   position: fixed;
   height: 100vh;
-  width: 100vw;
+  width: 100%;
 }
-section:not(#principal) {
+body section:not(#principal) {
   background-color: white;
 }
 .background_slider1 {

diff --git a/assets/js/script.js b/assets/js/script.js
@@ -133,3 +133,13 @@ function popOverAutor(popoverTriggerEl) {
 }
 
 popOverAutor(botonAutor);
+/*-----------------------------------------------------------------
+Desactivar comportamiento por defecto de submit de formulario y muestra de alerta
+*/
+
+const formElement = document.querySelector("#contacto form");
+
+formElement.addEventListener("submit", (evento) => {
+  evento.preventDefault();
+  window.alert("Felicidades, la data se ha enviado con éxito");
+});