const elements = document.getElementsByClassName("slides")[0].childElementCount; // кол-во слайдов
const otstup = 350;
let array = [];
let slide = 1;
for (var i = 0; i < elements; i++) {
array.push(otstup * i);
};
console.log(array) // 1 слайд - 0, 2 слайд - 350, 3 слайд = 700, 4 слайд = 1050, 5 слайд - 1400.
document.querySelector('.slider .controls .right').onclick = () => {
if (!array[slide]) {
document.querySelector('.slider .slides').scrollLeft = 0;
slide = 1;
return;
}
document.querySelector('.slider .slides').scrollLeft = array[slide];
slide++;
}
document.querySelector('.slider .controls .left').onclick = () => {
if (!array[slide]) {
document.querySelector('.slider .slides').scrollLeft = array[array.length - 1];
slide = document.getElementsByClassName("slides")[0].childElementCount;
return;
}
document.querySelector('.slider .slides').scrollLeft -= array[slide];
slide--;
}
const elements = 5; // кол-во слайдов
const otstup = 350;
let array = [];
let slide = 1;
for (var i = 0; i < elements; i++) {
array.push(otstup * i);
};
console.log(array) // 1 слайд - 0, 2 слайд - 350, 3 слайд = 700, 4 слайд = 1050, 5 слайд - 1400.
document.querySelector('.slider .controls .right').onclick = () => {
if (!array[slide + 1]) return document.querySelector('.slider .slides').scrollLeft = 0;
document.querySelector('.slider .slides').scrollLeft = array[slide];
slide++;
//document.querySelector('.slider .slides').scrollLeft += 350;
console.log(document.querySelector('.slider .slides').scrollLeft)
}
document.querySelector('.slider .controls .left').onclick = () =>
document.querySelector('.slider .slides').scrollLeft -= 350;
window.onload() => document.querySelector('.slider .slides').scrollLeft = 0;