/
script.js
35 lines (33 loc) · 932 Bytes
/
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
29
30
31
32
33
34
35
let prevButton = document.getElementById('prev');
let nextButton = document.getElementById('next');
let images = document.querySelectorAll('#img-container img');
// console.log(images);
let totalImages = images.length;
let index = 0;
nextButton.addEventListener('click',() => {
// console.log('nextButton clicked')
if (index === totalImages - 1) {
index = 0;
}
else {
index += 1;
}
// console.log(index);
for (let i = 0; i < images.length; i++) {
images[i].style.display = 'none';
}
images[index].style.display = 'block';
})
prevButton.addEventListener('click', () => {
// console.log('prevButton clicked')
if (index === 0) {
index = totalImages - 1;
} else {
index--;
}
// console.log(index);
for (let i = 0; i < images.length; i++) {
images[i].style.display = 'none';
}
images[index].style.display = 'block';
})