website/script.js at main · FernandoAndreoli/website · GitHub

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
75
76
77
78
79
80
81
82
83
84
/* BOTON HACIA ARRIBA
 */
window.onscroll = function(){
    if(document.documentElement.scrollTop>100){
        document.querySelector('.go-top-container').classList.add('show');
    }else{
        document.querySelector('.go-top-container').classList.remove('show');
    }
};

document.querySelector('.go-top-container').addEventListener('click', ()=>{
    window.scrollTo({
        top: 0,
        behavior: "smooth"
    });
});

/* VALIDAR CAMPOS */

const nombre = document.getElementById("id_nombre");
const email = document.getElementById("id_email");
const parrafo = document.getElementById("warnings");

formulario.addEventListener("submit", e=>{
    e.preventDefault();
    let warnings = "";
    let entrar = false;
    let regexEmail = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/
    parrafo.innerHTML = "";
    if(nombre.value.length <6){
        warnings += `El nombre no es valido <br>`;
        entrar = true;
    }
    if(!regexEmail.test(email.value)){
        warnings += `El email no es valido <br>`;
        entrar = true;
    }

    if(entrar){
        parrafo.innerHTML = warnings;
    }else{
        parrafo.innerHTML = "Mensaje enviado!";
    }

    setTimeout(function(){
    formulario.reset();
    }, 4000);
});

let btn_hideText = document.getElementById('btn_hideText');
let hideText = document.getElementById('hideText');

btn_hideText.addEventListener('click', toggleText);

function toggleText(){
    hideText.classList.toggle('show');

    if(hideText.classList.contains('show')){
        btn_hideText.innerHTML = 'Leer menos';
    } else{
        btn_hideText.innerHTML = 'Conóceme mas';
    }
};

/* Toggle Menu */

let menu = document.getElementById('menu');
let toggle_open = document.getElementById('toggle_open');
let toggle_close = document.getElementById('toggle_close');

toggle_open.addEventListener('click', toggleMenu);
toggle_close.addEventListener('click', toggleMenu);

function toggleMenu(){
    menu.classList.toggle('show-menu');

    if(menu.classList.contains('show-menu')){
        toggle_open.style.display = 'none';
        toggle_close.style.display = 'block';
    } else{
        toggle_open.style.display = 'block';
        toggle_close.style.display = 'none';
    }
}