STUDY AT YORK ST. JOHN'S UNIVERSITY

const track = document.getElementById('track'); const dotsWrap = document.getElementById('dots'); const cards = track.querySelectorAll('.card'); const total = cards.length; let current = 0; function getCols() { return window.innerWidth c.style.width = w + 'px'); } function buildDots() { dotsWrap.innerHTML = ''; const pages = getPages(); for (let i = 0; i go(i)); dotsWrap.appendChild(d); } } function go(page) { const pages = getPages(); current = Math.max(0, Math.min(page, pages - 1)); const cols = getCols(); const gap = 16; const wrap = track.parentElement.offsetWidth; const w = (wrap - gap * (cols - 1)) / cols; track.style.transform = `translateX(-${current * (w + gap) * cols}px)`; dotsWrap.querySelectorAll('.dot').forEach((d, i) => d.classList.toggle('active', i === current)); } document.getElementById('prev').addEventListener('click', () => go(current - 1)); document.getElementById('next').addEventListener('click', () => go(current + 1)); window.addEventListener('resize', () => { setCardWidth(); buildDots(); go(0); }); setCardWidth(); buildDots();