eCommerce/script.js at main · dogruvolkan/eCommerce · GitHub

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
// showing menu

const menuOpenBtn = document.querySelector("#bar");
const menuCloseBtn = document.querySelector("#close");

const navbarDom = document.querySelector("#navbar");

menuOpenBtn.addEventListener("click", menuOpen);
menuCloseBtn.addEventListener("click", menuClose);

function menuOpen() {
  navbarDom.style.right = "0px";
}

function menuClose() {
  navbarDom.style.right = "-300px";
}

const MainImgDom = document.querySelector("#MainImg");
const smallImgDom = document.getElementsByClassName("smallImg");

smallImgDom[0].onmouseover=function(){
  MainImgDom.src = smallImgDom[0].src;
}
smallImgDom[1].onmouseover=function(){
  MainImgDom.src = smallImgDom[1].src;
}
smallImgDom[2].onmouseover=function(){
  MainImgDom.src = smallImgDom[2].src;
}
smallImgDom[3].onmouseover=function(){
  MainImgDom.src = smallImgDom[3].src;
}