/
script.js
35 lines (28 loc) · 898 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
const body = document.body
const btnTheme = document.querySelector('.fa-moon')
const btnHamburger = document.querySelector('.fa-bars')
const displayList = () => {
const navUl = document.querySelector('.nav__list')
if (btnHamburger.classList.contains('fa-bars')) {
btnHamburger.classList.remove('fa-bars')
btnHamburger.classList.add('fa-times')
navUl.classList.add('display-nav-list')
} else {
btnHamburger.classList.remove('fa-times')
btnHamburger.classList.add('fa-bars')
navUl.classList.remove('display-nav-list')
}
}
btnHamburger.addEventListener('click', displayList)
const scrollUp = () => {
const btnScrollTop = document.querySelector('.scroll-top')
if (
body.scrollTop > 500 ||
document.documentElement.scrollTop > 500
) {
btnScrollTop.style.display = 'block'
} else {
btnScrollTop.style.display = 'none'
}
}
document.addEventListener('scroll', scrollUp)