|
@@ -23,9 +23,11 @@ for (let i = 0; i < slider.children.length; i++) {
|
|
|
slider.style.setProperty("--x", state);
|
|
|
});
|
|
|
}
|
|
|
-
|
|
|
rightBtn.addEventListener("click", function () {
|
|
|
+ prevDot.classList.remove("current");
|
|
|
state = (state + 1) % slider.children.length;
|
|
|
+ dots.children[state].classList.add("current");
|
|
|
+ prevDot = dots.children[state];
|
|
|
slider.style.setProperty("--x", state);
|
|
|
});
|
|
|
|
|
@@ -35,5 +37,8 @@ leftBtn.addEventListener("click", function () {
|
|
|
} else {
|
|
|
state--;
|
|
|
}
|
|
|
+ prevDot.classList.remove("current");
|
|
|
+ dots.children[state].classList.add("current");
|
|
|
+ prevDot = dots.children[state];
|
|
|
slider.style.setProperty("--x", state);
|
|
|
});
|