Update script.js

script.js

@@ -4,11 +4,13 @@ function mostrarBienvenida() {
   alert("¡Hola " + nombre + "! Bienvenido a nuestra iglesia.");
 }
 
-// Función para mostrar un mensaje de despedida al usuario
+
 function mostrarDespedida() {
+  const nombre = prompt("Ingrese su nombre");
   alert("¡Hasta pronto " + nombre + "! Te esperamos la próxima vez.");
 }
 
+
 // Llamamos a la función mostrarBienvenida al cargar la página
 mostrarBienvenida();
 
@@ -33,11 +35,43 @@ function exportarPDF() {
   window.print();
 }
 
-document.getElementById("imgData").addEventListener("click", exportarImagen);
 document.getElementById("exportarPDF").addEventListener("click", exportarPDF);
+// Función para ocultar los botones
+function ocultarBotones() {
+  var botonesExportacion = document.querySelector('.botones-exportacion');
+  botonesExportacion.classList.add('oculto');
+}
+
+// Función para mostrar las opciones desplegables
+function mostrarOpcionesDesplegables() {
+  var botonDesplegable = document.getElementById('botonDesplegable');
+  var opciones = document.createElement('div');
+  opciones.innerHTML = `
+    <button id="imgData">Exportar a imagen</button>
+    <button id="exportarPDF">Exportar a PDF</button>
+    <button id="despedida">Despedida</button>
+  `;
+
+  // Asignar eventos a los nuevos botones
+  document.getElementById("imgData").addEventListener("click", function() {
+    exportarImagen();
+    ocultarBotones();
+  });
+  document.getElementById("exportarPDF").addEventListener("click", function() {
+    exportarPDF();
+    ocultarBotones();
+  });
+  document.getElementById("despedida").addEventListener("click", function() {
+    mostrarDespedida();
+    ocultarBotones();
+  });
+
+  // Ocultar botón desplegable
+  botonDesplegable.style.display = 'none';
+
+  // Insertar las opciones después de ocultar el botón desplegable
+  botonDesplegable.parentNode.insertBefore(opciones, botonDesplegable.nextSibling);
+}
 
-  // Función para ocultar los botones
-  function ocultarBotones() {
-    var botonesExportacion = document.querySelector('.botones-exportacion');
-    botonesExportacion.classList.add('oculto');
-  }
+// Llamamos a la función mostrarOpcionesDesplegables al hacer clic en el botón "Opciones"
+document.getElementById("botonDesplegable").addEventListener("click", mostrarOpcionesDesplegables);