-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
38 lines (33 loc) · 1.13 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
let box = document.querySelector('.box');
let logo = document.querySelector('.logo');
window.addEventListener('DOMContentLoaded', () => {
setTimeout(() => {
box.style.animation = 'splash 1s ease forwards 2.2s';
}, 400);
});
var scrollLinks = document.querySelectorAll(".scroll-link");
for (var i = 0; i < scrollLinks.length; i++) {
scrollLinks[i].addEventListener("click", function(event) {
event.preventDefault();
var targetId = this.getAttribute("href");
var targetElement = document.querySelector(targetId);
targetElement.scrollIntoView({ behavior: "smooth" });
});
}
const toggleBtn = document.querySelector('.toggle_btn');
const toggleBtnIcon = document.querySelector('.drop');
const dropDown = document.querySelector('.dropdown');
var arrow = './images/arrow.png';
var cancel = './images/cancel.png';
var isAlternate = false;
toggleBtn.addEventListener("click", function() {
dropDown.classList.toggle('open');
const isOpen = dropDown.classList.contains('open');
if (isAlternate) {
toggleBtnIcon.src = arrow;
isAlternate = false;
} else {
toggleBtnIcon.src = cancel;
isAlternate = true;
}
});