// Simulación de estado de sesión (puedes reemplazar esto con la lógica de WordPress)
let isLoggedIn = true; // Cambia a false para simular que no está logueado
const username = "Juan Pérez"; // Nombre del usuario (puedes obtenerlo dinámicamente)
// Elementos del DOM
const welcomeMessage = document.getElementById("username");
const logoutBtn = document.getElementById("logout-btn");
const loginBtn = document.getElementById("login-btn");
// Actualizar la interfaz según el estado de sesión
function updateUI() {
if (isLoggedIn) {
welcomeMessage.textContent = username;
logoutBtn.style.display = "block";
loginBtn.style.display = "none";
} else {
welcomeMessage.textContent = "Invitado";
logoutBtn.style.display = "none";
loginBtn.style.display = "block";
}
}
// Lógica para cerrar sesión
logoutBtn.addEventListener("click", () => {
isLoggedIn = false;
updateUI();
alert("Has cerrado sesión.");
});
// Lógica para iniciar sesión
loginBtn.addEventListener("click", () => {
isLoggedIn = true;
updateUI();
alert("Has iniciado sesión.");
});
// Inicializar la interfaz
updateUI();
