-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathapp.js
More file actions
37 lines (32 loc) · 949 Bytes
/
Copy pathapp.js
File metadata and controls
37 lines (32 loc) · 949 Bytes
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
29
30
31
32
33
34
35
36
37
const slides = document.querySelectorAll(".slide");
const nextBtn = document.querySelector(".nextBtn");
const prevBtn = document.querySelector(".prevBtn");
slides.forEach((slide, index) => {
slide.style.left = `${index * 100}%`;
});
let counter = 0;
nextBtn.addEventListener("click", () => {
counter++;
changeSlider();
console.log(slides.length)
console.log(counter)
});
prevBtn.addEventListener("click", () => {
counter--;
changeSlider();
console.log(slides.length);
console.log(counter);
});
window.addEventListener("DOMContentLoaded", changeSlider)
function changeSlider() {
slides.forEach((slide) => {
slide.style.transform = `translateX(-${counter * 100}%)`;
});
if(counter == slides.length - 1){
nextBtn.style.display = "none"
}if(counter < slides.length - 1 && counter > 0){
prevBtn.style.display = "inline-block"
nextBtn.style.display = "inline-block";
}
prevBtn.style.display = "none"
}