Vende sin limites

//código sección slider document.addEventListener(«DOMContentLoaded», () => { const sliderContainer = document.querySelector(‘.slider-container’); const prevBtn = document.querySelector(‘.slider-icon-prev’); const nextBtn = document.querySelector(‘.slider-icon-next’); // Función para obtener el número actual del slide a partir de la clase slide-# function getCurrentSlide() { let currentSlide = 1; sliderContainer.classList.forEach(cls => { if (cls.startsWith(«slide-«)) { currentSlide = parseInt(cls.split(«-«)[1], 10); } }); return currentSlide; } // Función para actualizar la clase slide-# function setCurrentSlide(n) { // Eliminar cualquier clase que comience con «slide-» sliderContainer.classList.forEach(cls => { if (cls.startsWith(«slide-«)) { sliderContainer.classList.remove(cls); } }); // Agregar la nueva clase con el número actualizado sliderContainer.classList.add(«slide-» + n); } // Evento para botón «previo» prevBtn.addEventListener(«click», () => { let current = getCurrentSlide(); if (current > 1) { setCurrentSlide(current – 1); } }); // Evento para botón «siguiente» nextBtn.addEventListener(«click», () => { let current = getCurrentSlide(); if (current < 4) { setCurrentSlide(current + 1); } }); }); document.addEventListener("DOMContentLoaded", function() { document.body.classList.add("link-recibo-pagos-active", "tab-link-de-pagos"); // Seleccionamos los elementos de los enlaces que controlan el estado activo const linkRecibo = document.querySelector('.link-recibo-pagos'); const linkIntegro = document.querySelector('.link-integro-pagos'); // Función para remover todas las clases del body que comiencen con "tab-" function removeTabClasses() { document.body.classList.forEach(cls => { if (cls.startsWith(«tab-«)) { document.body.classList.remove(cls); } }); } // Manejo del click en «link-recibo-pagos» linkRecibo.addEventListener(«click», function() { if (!this.classList.contains(«active»)) { this.classList.add(«active»); linkIntegro.classList.remove(«active»); // Actualiza las clases del body para link-recibo-pagos document.body.classList.add(«link-recibo-pagos-active»); // Removemos las clases asociadas al otro enlace document.body.classList.remove(«link-integro-pagos-active»); // Si corresponde, actualizamos la clase «tab-…» // Por defecto para link-recibo-pagos se agrega «tab-link-de-pagos» removeTabClasses(); document.body.classList.add(«tab-link-de-pagos»); } }); // Manejo del click en «link-integro-pagos» linkIntegro.addEventListener(«click», function() { if (!this.classList.contains(«active»)) { this.classList.add(«active»); linkRecibo.classList.remove(«active»); // Actualiza las clases del body para link-integro-pagos document.body.classList.add(«link-integro-pagos-active»); document.body.classList.remove(«link-recibo-pagos-active»); // Por defecto para link-integro-pagos se agrega «tab-boton-de-pagos» removeTabClasses(); document.body.classList.add(«tab-boton-de-pagos»); } }); // Seleccionamos todos los enlaces dentro de los elementos con la clase .tab-link const tabLinks = document.querySelectorAll(‘.tab-link a’); tabLinks.forEach(link => { link.addEventListener(«click», function(e) { e.preventDefault(); // Prevenimos la acción por defecto del enlace // Extraemos el valor del href sin el símbolo ‘#’ (por ejemplo, «web-de-pagos») const target = this.getAttribute(«href»).substring(1); const newTabClass = «tab-» + target; // Si el body no tiene la clase con el contenido del enlace, // removemos cualquier clase que comience con «tab-» y agregamos la nueva if (!document.body.classList.contains(newTabClass)) { removeTabClasses(); document.body.classList.add(newTabClass); } }); }); });