document.addEventListener('DOMContentLoaded', function () {
function setupSlider(sliderId) {
const container = document.getElementById(sliderId);
const slides = container.querySelectorAll('.slide');
const prev = container.querySelector('.prev');
const next = container.querySelector('.next');
const dots = container.querySelectorAll('.dot');
let current = 0;
function showSlide(index) {
if (index < 0) index = slides.length - 1;
if (index >= slides.length) index = 0;
slides.forEach((slide, i) => {
slide.classList.toggle('active', i === index);
});
dots.forEach((dot, i) => {
dot.classList.toggle('active', i === index);
});
current = index;
}
prev.addEventListener('click', () => showSlide(current - 1));
next.addEventListener('click', () => showSlide(current + 1));
dots.forEach((dot, i) => dot.addEventListener('click', () => showSlide(i)));
showSlide(0);
}
setupSlider('slider1');
setupSlider('slider2');
});
