Cut Development Costs By 60% With Our Pre-Built Solutions

const slider = document.querySelector('.slider-container'); const slides = document.querySelectorAll('.testimonial-slide'); const prevBtn = document.querySelector('.prev'); const nextBtn = document.querySelector('.next'); let currentIndex = 0; function updateSlider() { const slideWidth = slides[0].offsetWidth + 20; // 20px for margins slider.style.transform = `translateX(-${currentIndex * slideWidth}px)`; } prevBtn.addEventListener('click', (e) => { e.preventDefault(); currentIndex = (currentIndex - 1 + slides.length) % slides.length; updateSlider(); }); nextBtn.addEventListener('click', (e) => { e.preventDefault(); currentIndex = (currentIndex + 1) % slides.length; updateSlider(); }); // Initial setup updateSlider();