script.js

// Función para mostrar un mensaje de bienvenida al usuario
function mostrarBienvenida() {
  const nombre = prompt("Ingrese su nombre");
  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();

// Función para exportar el contenido a una imagen
function exportarImagen() {
  html2canvas(document.body).then(function(canvas) {
    const imgData = canvas.toDataURL("image/png");
    const a = document.createElement("a");
    a.href = imgData;
    a.download = "imagen-iglesia.png";
    a.click();
  });
}

// Función para exportar el contenido a un PDF
function exportarPDF() {
  window.print();
}

// 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);