let currentIndex = 0;

document.getElementById('nextButton').addEventListener('click', () => {
    const slides = document.querySelectorAll('.slide');
    if (currentIndex < slides.length - 1) {
        currentIndex++;
    } else {
        currentIndex = 0;
    }
    document.querySelector('.itemsslider').style.transform = `translateX(-${currentIndex * 100}%)`;
});

document.getElementById('prevButton').addEventListener('click', () => {
    const slides = document.querySelectorAll('.slide');
    if (currentIndex > 0) {
        currentIndex--;
    } else {
        currentIndex = slides.length - 1;
    }
    document.querySelector('.itemsslider').style.transform = `translateX(-${currentIndex * 100}%)`;
});