'Use strict'; window.addEventListener('DOMContentLoaded', function() { // window.addEventListener('resize', ()

=> { ----- Пытался правильно вычислить динамическую ширину
// return container.clientWidth;
// })


let position = 0;
const slidesToShow = 1;
const slidesToScroll = 1;
const container = document.querySelector('.slider-container');
const track = document.querySelector('.slider-track');
const btnPrev = document.querySelector('.btn-prev');
const btnNext = document.querySelector('.btn-next');
const items = document.querySelectorAll('.slider-item');
const itemsCount = items.length;
const itemWidth = container.clientWidth / slidesToShow;
const movePosition = slidesToScroll * itemWidth;

items.forEach((item) => {
item.style.minWidth = ${itemWidth}px
});

btnNext.addEventListener('click', () => {
const itemsLeft = itemsCount - (Math.abs(position) + slidesToShow * itemWidth) / itemWidth;
position -= itemsLeft >= slidesToScroll ? movePosition : itemsLeft * itemWidth;

setPosition();
checkBtns();
});

btnPrev.addEventListener('click', () => {
const itemsLeft = Math.abs(position) / itemWidth;
position += itemsLeft >= slidesToScroll ? movePosition : itemsLeft * itemWidth;

setPosition();
checkBtns();
});

const setPosition = () => {
track.style.transform = translateX(${position}px);
};

const checkBtns = () => {
btnPrev.disabled = position === 0;
btnNext.disabled = position <= -(itemsCount - slidesToShow) * itemWidth;
};

checkBtns();

Ничего не понятно, но очень интересно

Ну вроде достаточно просто менять itemWidth при ресайзе, но только const на let поменять не забудь.