document.addEventListener('DOMContentLoaded', function () {
const gallery = document.getElementById('artGallery');
const leftArrow = document.getElementById('scrollLeft');
const rightArrow = document.getElementById('scrollRight');
console.log(gallery, leftArrow, rightArrow);
if (!gallery || !leftArrow || !rightArrow) {
console.error('Gallery or arrows NOT FOUND in DOM');
return;
}
leftArrow.addEventListener('click', function () {
gallery.scrollBy({ left: -300, behavior: 'smooth' });
});
rightArrow.addEventListener('click', function () {
gallery.scrollBy({ left: 300, behavior: 'smooth' });
});
});
