document.addEventListener('DOMContentLoaded', function () {
  const sliders = document.querySelectorAll('.slider');
  sliders.forEach((slider) => {
    const track = slider.querySelector('.slider-track');
    const slides = slider.querySelectorAll('.slide');
    const prev = slider.querySelector('.slider-prev');
    const next = slider.querySelector('.slider-next');
    if (!track || slides.length === 0 || !prev || !next) return;

    let index = 0;

    function update() {
      track.style.transform = 'translateX(-' + (index * 100) + '%)';
    }

    prev.addEventListener('click', function () {
      index = (index - 1 + slides.length) % slides.length;
      update();
    });

    next.addEventListener('click', function () {
      index = (index + 1) % slides.length;
      update();
    });
  });
});

• [F] script.js
  Delete
• [F] styles.css
  Delete