-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
66 lines (57 loc) · 1.97 KB
/
index.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
const before = document.querySelector('.before');
const after = document.querySelector('.after');
const pst = document.querySelector('.pst');
const nav = document.getElementById("nav");
const skills = document.getElementById("skills");
const skillDistance = window.innerHeight - skills.getBoundingClientRect().top;
const progress = document.getElementsByClassName("progress");
const form = document.getElementById("contact-form")
const nameContact = document.getElementById("name-contact");
const emailContact = document.getElementById("email-contact");
const messageContact = document.getElementById("message-contact");
function showAndHide() {
if(before.style.display==""||before.style.display=="none"){
before.style.display="none";
after.style.display="block";
} else {
after.style.display="none";
}
}
// SHOW AND HIDE THE RESPONSIVE MENU
function showAndHideMenu() {
if(nav.classList==""){
nav.classList="responsive";
}else{
nav.classList="";
}
}
// HIDE RESPONSIVE MENU WHEN SELECTING AN OPTION
function select() {
showAndHideMenu();
}
// APPLY SKILLS ANIMATIONS
function skillsEffect() {
if(skillDistance >= 300){
progress[0].classList.add("javascript");
progress[1].classList.add("htmlcss");
progress[2].classList.add("python");
progress[3].classList.add("nodejs");
progress[4].classList.add("react");
progress[5].classList.add("communication");
progress[6].classList.add("teamwork");
progress[7].classList.add("creativity");
progress[8].classList.add("dedication");
progress[9].classList.add("proyectm");
}
}
window.onscroll = skillsEffect();
function processForm(e) {
if (e.preventDefault) e.preventDefault();
console.log(`${emailContact.value}${nameContact.value}${messageContact.value}`);
return false;
}
if (form.attachEvent) {
form.attachEvent("submit", processForm);
} else {
form.addEventListener("submit", processForm);
}