// JavaScript: Sustituir una imagen por otra
let currentBanner = 1;
function changeBannerImage() {
    const bannerImage = document.getElementById('main-banner-image');
    if (currentBanner === 1) {
        bannerImage.src = 'images/banner2.jpg';
        bannerImage.alt = 'Nuevas llegadas de zapatos';
        currentBanner = 2;
    } else {
        bannerImage.src = 'images/banner1.jpg';
        bannerImage.alt = 'Oferta especial de zapatos';
        currentBanner = 1;
    }
}

// JavaScript: Enviar texto a pantalla
document.addEventListener('DOMContentLoaded', (event) => {
    const welcomeSpan = document.getElementById('welcome-message');
    if (welcomeSpan) {
        welcomeSpan.textContent = "¡Bienvenido a nuestra tienda, esperamos que encuentres lo que buscas!";
    }

    // CSS en la primera forma: Estilo en línea (se usa con moderación, ejemplo para un botón)
    // Se ejecuta después de que el DOM esté completamente cargado
    const cartIcon = document.getElementById('cart-icon');
    if (cartIcon) {
        cartIcon.style.color = '#FFA500'; // Naranja para el ícono del carrito
    }
});