forked from VaibhavBedarkar/Modesens-Clone
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmens.js
30 lines (24 loc) · 1.29 KB
/
mens.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
let img=document.querySelector("img");
let buttons=document.querySelectorAll("button");
let imgNum=0;
let imgArray=[
"https://modesens.com/banner/11844/getimg/?img=%2Fbanner%2F20220516-modesens-SS22-SALE-1140x400-EN.jpg",
"https://modesens.com/banner/12490/getimg/?img=%2Fbanner%2F20220616-modesens-SlamJam-1140x400-EN.jpg","https://modesens.com/banner/12457/getimg/?img=%2Fbanner%2F20220614-modesens-Monnalisa-1140x400-EN.jpg","https://modesens.com/banner/12463/getimg/?img=%2Fbanner%2F20220614-modesens-salesneakers-1140x400-M.jpg",
"https://modesens.com/banner/12451/getimg/?img=%2Fbanner%2F20220613-modesens-MSaintLaurent-1140x400-M.jpg","https://modesens.com/banner/12462/getimg/?img=%2Fbanner%2F20220614-modesens-saledresses-1140x400-F.jpg","https://modesens.com/banner/12450/getimg/?img=%2Fbanner%2F20220613-modesens-FSaintLaurent-1140x400-F.jpg","https://modesens.com/banner/12387/getimg/?img=%2Fbanner%2F20220607-modesens-Beachvibes-1140x400-F.jpg"
]
buttons[0].addEventListener("click",function(){
if(imgNum===0){
imgNum=imgArray.length-1;
}else{
imgNum--;
}
img.src=imgArray[imgNum];
})
buttons[1].addEventListener("click",function(){
if(imgNum===imgArray.length-1){
imgNum=0;
}else{
imgNum++;
}
img.src=imgArray[imgNum];
})