-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
60 lines (52 loc) · 2.07 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
const sections = document.querySelectorAll('.section');
const sectBtns = document.querySelectorAll('.controls');
const sectBtn = document.querySelectorAll('.control');
const allSections = document.querySelector('.main-content');
function PageTransitions(){
// Button click active class
for( let i = 0; i < sectBtn.length; i++){
sectBtn[i].addEventListener('click', function(){
let currentBtn = document.querySelectorAll('.active-btn');
currentBtn[0].className = currentBtn[0].className.replace('active-btn', '');
this.className += ' active-btn';
})
}
// Sections Active
allSections.addEventListener('click', (e) => {
const id = e.target.dataset.id;
if(id){
//Remove selected from other buttons
sectBtns.forEach((btn) =>{
btn.classList.remove('active')
})
e.target.classList.add('active')
//Hide other sections
sections.forEach((section) => {
section.classList.remove('active')
})
const element = document.getElementById(id);
element.classList.add('active');
}
})
//Toggle Theme
const themeBtn = document.querySelector('.theme-btn');
themeBtn.addEventListener('click',()=>{
let element = document.body;
element.classList.toggle('light-mode');
})
}
PageTransitions();
function sendEmail(){
Email.send({
SecureToken: "12012c5b-8ad3-4b25-bd22-f989f4575978",
To : 'nepalanish98@gmail.com',
From : document.getElementById("email").value,
Subject : "New Contact Form Inquiry",
Body : "Name: " + document.getElementById("name").value
+ "<br> Email: " + document.getElementById("email").value
+ "<br> Subject: " + document.getElementById("subject").value
+ "<br> Message: " + document.getElementById("message").value
}).then(
message => alert("Message Sent Sucessfully")
);
}