-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
28 lines (27 loc) · 1.09 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
const arrows = document.querySelectorAll(".arrow");
const movieLists = document.querySelectorAll(".movie-list");
arrows.forEach((arrow, i) => {
const widthRadio =Math.floor(window.innerWidth / 300);
console.log(Math.floor(widthRadio.innerWidth / 300));
let clickCounter = 0;
const imageItem = movieLists[i].querySelectorAll("img").length;
arrow.addEventListener("click", function () {
clickCounter++;
if (imageItem - (4 + clickCounter)+(4-widthRadio) >= 0) {
movieLists[i].style.transform = `translateX(${
movieLists[i].computedStyleMap().get("transform")[0].x.value - 300
}px)`;
} else {
movieLists[i].style.transform = "translateX(0)";
clickCounter=0;
}
});
});
/* Dark Mode items.forEach((item) => item.classlist.toggle("active"));*/
const ball = document.querySelector(".toggle-ball");
const items = document.querySelectorAll(
".container,.navbar,.sidebar,.sidebar i,.toggle,.toggle-ball,.movie-list-filter select,.movie-list-title "
);
ball.addEventListener("click", function () {
items.forEach((item) => item.classList.toggle("active"));
});