responsivewebsite.github.io/script.js at main · Parth-Gala/responsivewebsite.github.io · 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
35
36
const bar = document.getElementById('bar');
const nav = document.getElementById('navbar');
const close = document.getElementById('close');

if (bar) {
    bar.addEventListener('click', () => {
        nav.classList.add('active');
    })
}
if (close) {
    close.addEventListener('click', () => {
        nav.classList.remove('active');
    })
}

// SHOP PRODUCT SINGLE PAGE

var mainimg = document.getElementById('mainimg');
var smallimg = document.getElementsByClassName('small-img');

smallimg[0].onclick = function () {
    mainimg.src = smallimg[0].src;
}
smallimg[1].onclick = function () {
    mainimg.src = smallimg[1].src;
}

smallimg[2].onclick = function () {
    mainimg.src = smallimg[2].src;
}

smallimg[3].onclick = function () {
    mainimg.src = smallimg[3].src;
}

// SHOP PRODUCT SINGLE PAGE END