Voting-Age/script.js at main · phcrepaldi/Voting-Age · 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

function calc() {
    let ano = parseInt(document.getElementById("ano").value);
    const dataAtual = new Date();
    const anoAtual = dataAtual.getFullYear();
    let idade = anoAtual - ano;
    if (document.getElementById("ano").value == "") {
        document.getElementById("principal").style.transition = "all .2s";
        document.getElementById('principal').style.height = '130px';
        document.getElementById("res").style.transition = "opacity 1s";
        document.getElementById('res').style.opacity = '1';
        document.getElementById("res").value = "Por favor digite o ano";
    }
    else if (document.getElementById("ano").value < 1900 || document.getElementById("ano").value > anoAtual) {
        document.getElementById("principal").style.transition = "height .2s";
        document.getElementById('principal').style.height = '130px';
        document.getElementById("res").style.transition = "opacity 1s";
        document.getElementById('res').style.opacity = '1';

        document.getElementById("res").value = "Digite um ano válido";
    }
    else if (idade < 18) {
        document.getElementById("principal").style.transition = "height .2s";
        document.getElementById('principal').style.height = '130px';
        document.getElementById("res").style.transition = "opacity 1s";
        document.getElementById('res').style.opacity = '1';

        document.getElementById("res").value = "Ainda não podes votar";
    } else {
        document.getElementById("principal").style.transition = "all .2s";
        document.getElementById('principal').style.height = '130px';
        document.getElementById("res").style.transition = "opacity 1s";
        document.getElementById('res').style.opacity = '1';
        document.getElementById("res").value = "Parabéns, já podes votar";
    }
}
function cl() {
    document.getElementById("res").style.transition = "opacity .5s";
    document.getElementById('res').style.opacity = '0';
    document.getElementById("ano").value = "";
    document.getElementById("ano").focus();
    document.getElementById("principal").style.transition = "all 1s";
    document.getElementById('principal').style.height = '100px';
}
document.addEventListener("keydown", event => {
    if (event.keyCode == 27) {
        cl();
    }
})

document.addEventListener("keydown", event => {
    if (event.keyCode == 13) {
        calc();
    }
})