<script>
// script.js
document.addEventListener("DOMContentLoaded", function() {
var points = 0;
var maxPoints = 5;
var popup = document.getElementById("popup");
var collectButton = document.getElementById("collect-button");
var closeButton = document.getElementById("close-popup");
var celebration = document.getElementById("celebration");
// Verifica si el usuario ya alcanzó el objetivo
if (localStorage.getItem("pointsCollected") === "true") {
popup.style.display = "none";
} else {
// Mostrar la ventana emergente al cargar la página
popup.style.display = "block";
}
// Añadir un evento al botón de recolección de puntos
collectButton.addEventListener("click", function() {
points++;
collectButton.textContent = `Recolectar Punto (${points})`;
// Abrir ventana emergente en segundo plano
var newWindow = window.open("AQUI LA URL QUE QUIERAS ABRIR;, "_blank", "noopener,noreferrer");
if (newWindow) {
newWindow.blur();
window.focus();
}
if (points >= maxPoints) {
celebration.classList.add("show");
setTimeout(function() {
celebration.style.display = "none";
}, 2000);
popup.style.display = "none";
// Guardar en localStorage que el usuario alcanzó el objetivo
localStorage.setItem("pointsCollected", "true");
}
});
// Añadir un evento al botón de cierre
closeButton.addEventListener("click", function() {
popup.style.display = "none";
});
});
</script>