-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
74 lines (49 loc) · 1.68 KB
/
app.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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
const menuIcon = document.querySelector('.hamburger-menu');
const navlist = document.querySelector('.nav-list')
menuIcon.addEventListener("click",changeIcon);
function changeIcon(){
menuIcon.classList.toggle("change")
navlist.classList.toggle("active")
document.body.classList.toggle("fixed")
};
const navMenu= document.querySelector ("nav-list");
menuIcon
document.getElementById("dropbtn").addEventListener("click", dropdownList);
function dropdownList() {
document.getElementById("myDropdown").classList.toggle("show");
};
window.addEventListener("scroll", stickyNav);
let navbar = document.querySelector('.scrolling');
let sticky = navbar.offsetTop;
function stickyNav(){
navbar.classList.toggle("sticky", window.scrollY >0)
};
let slidePosition = 0;
let slides = document.getElementsByClassName('carousel-item');
const totalSlides = slides.length;
document.getElementById('carousel-button--next').addEventListener("click", nextSlide);
document.getElementById('carousel-button--prev').addEventListener("click", prevSlide);
function hideAllSlides(){
for (let key of slides) {
slides[slidePosition].classList.remove("carousel-item-visible")
slides[slidePosition].classList.remove("carousel-item-hidden")
}
}
function nextSlide() {
hideAllSlides()
if (slidePosition === totalSlides - 1) {
slidePosition = 0;
} else {
slidePosition++
}
slides[slidePosition].classList.add("carousel-item-visible");
};
function prevSlide(){
hideAllSlides()
if(slidePosition === 0){
totalSlides-1
}else {
slidePosition--
}
slides[slidePosition].classList.add("carousel-item-visible");
}