const slider = document.querySelector('.slider');
const images = document.querySelectorAll('.slider img');
let index = 0;

function showSlide(i) {
    index = (i + images.length) % images.length;  
    slider.style.transform = `translateX(-${index * 100}%)`;
}

document.querySelector('.prev').onclick = () => showSlide(index - 1);
document.querySelector('.next').onclick = () => showSlide(index + 1);

// opzionale: autoplay
setInterval(() => showSlide(index - 1), 3500);