IMC/script.js at master · GutenbergDev/IMC · 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
const sMin = (el) => {
    return document.querySelector(el);
}

function calculoIMC() {
    let inName = sMin("#inName");
    let inPeso = sMin("#inPeso");
    let inAltura = sMin("#inAltura");

    let out = document.querySelectorAll("#outName, #outPeso, #outAltura, #outImc, #outCategoria");

    let name = inName.value;
    let peso = Number(inPeso.value);
    let altura = Number(inAltura.value);

    let containerModal = sMin("#container-modal");

    if(name == "" || peso == "" || peso == 0 || isNaN(peso) || altura == "" || altura == 0 || isNaN(altura)) {
        containerModal.style.display = "flex";
        inName.focus();
        return;
    }

    let imc = peso / (altura * altura).toFixed(1);
    let categoria = ["Desnutrido", "Saudável", "Sobrepeso", "Obesidade Grau I", "Obesidade Grau II", "Obesidade Grau III", "Super Obesidade"];

    if(imc <= 14) {
        out[0].textContent = `${name}`;
        out[1].textContent = `${peso}`;
        out[2].textContent = `${altura.toFixed(2)}`;
        out[3].textContent = `${imc.toFixed(1)}`;
        out[4].textContent = `${categoria[0]}`;
        out[4].style.color = '#e95353';
        out[4].style.background = '#ffc8c8';
    }else if(imc == 18.5 || imc < 25) {
        out[0].textContent = `${name}`;
        out[1].textContent = `${peso}`;
        out[2].textContent = `${altura.toFixed(2)}`;
        out[3].textContent = `${imc.toFixed(1)}`;
        out[4].textContent = `${categoria[1]}`;
        out[4].style.color = '#356937';
        out[4].style.background = '#7FC682';
    } else if(imc == 25 || imc < 30) {
        out[0].textContent = `${name}`;
        out[1].textContent = `${peso}`;
        out[2].textContent = `${altura.toFixed(2)}`;
        out[3].textContent = `${imc.toFixed(1)}`;
        out[4].textContent = `${categoria[2]}`;
        out[4].style.color = '#e95353';
        out[4].style.background = '#ffc8c8';
    } else if(imc == 30 || imc < 35) {
        out[0].textContent = `${name}`;
        out[1].textContent = `${peso}`;
        out[2].textContent = `${altura}`;
        out[3].textContent = `${imc.toFixed(1)}`;
        out[4].textContent = `${categoria[3]}`;
        out[4].style.color = '#e95353';
        out[4].style.background = '#ffc8c8';
    } else if(imc == 35 || imc < 40) {
        out[0].textContent = `${name}`;
        out[1].textContent = `${peso}`;
        out[2].textContent = `${altura.toFixed(2)}`;
        out[3].textContent = `${imc.toFixed(1)}`;
        out[4].textContent = `${categoria[4]}`;
        out[4].style.color = '#e95353';
        out[4].style.background = '#ffc8c8';
    } else if(imc == 40 || imc < 50) {
        out[0].textContent = `${name}`;
        out[1].textContent = `${peso}`;
        out[2].textContent = `${altura.toFixed(2)}`;
        out[3].textContent = `${imc.toFixed(1)}`;
        out[4].textContent = `${categoria[5]}`;
        out[4].style.color = '#e95353';
        out[4].style.background = '#ffc8c8';
    } else if(imc > 50) {
        out[0].textContent = `${name}`;
        out[1].textContent = `${peso}`;
        out[2].textContent = `${altura.toFixed(2)}`;
        out[3].textContent = `${imc.toFixed(1)}`;
        out[4].textContent = `${categoria[6]}`;
        out[4].style.color = '#e95353';
        out[4].style.background = '#ffc8c8';
    }

    let containerItem2 = sMin(".container-item2");

    if(containerItem2.style.display == 'flex') {
        containerItem2.style.display = 'none';
    } else {
        containerItem2.style.display = 'flex';
    }
}
let btnEnviar = sMin("#btnEnviar");
btnEnviar.addEventListener("click", calculoIMC);

function recarregar() {
    location.reload();
    return;
}
let reC = sMin("#reload");
reC.addEventListener("click", recarregar);

function modalReload() {
    location.reload();
    return;
}
let btnModal = sMin("#btnModal");
btnModal.addEventListener("click", modalReload);