Código de JavaScript - Calcula tu peso recomendado con JavaScript

Imágen de perfil
Val: 2.211
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Calcula tu peso recomendado con JavaScriptgráfica de visualizaciones


JavaScript

Publicado el 23 de Septiembre del 2018 por xve
6.089 visualizaciones desde el 23 de Septiembre del 2018
Este código calcula el peso recomendado utilizando la formula:
50 + ( ( Altura - 150) / 4) * 3 ) + ( Edad - 20 ) / 4
En caso de ser una mujer, hay que multiplicar el resultado por 0.9.

peso-recomendado

Versión 1.0

Publicado el 23 de Septiembre del 2018gráfica de visualizaciones de la versión: Versión 1.0
6.091 visualizaciones desde el 23 de Septiembre del 2018
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

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
109
110
111
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
 
    <style>
    * {font-family:Arial;}
 
    #formulario {width:290px;}
    #formulario>div {margin-bottom:2px;}
    #formulario>div:last-child {text-align:center;margin-top:20px;}
    #formulario input {text-align:right;}
    #resultado {text-align:center;margin-top:10px;padding:10px 0;}
 
    label {width:120px;display:inline-block;}
 
    .red {
        color:red;
        border:1px solid red;
        background-color: #fff2f2;
    }
    .green {
        color:green;
        border:1px solid green;
        font-weight:bold;
        background-color: #d9ffd9;
    }
 
    </style>
</head>
<body>
    <h1>Peso recomendado</h1>
 
    <form id="formulario">
        <div>
            <label>Altura (cm)</label><input type="number" min="1" max="300" name="altura">
        </div>
        <div>
            <label>Edad</label><input type="number" min="1" max="120" name="edad">
        </div>
        <div>
            <label>Sexo</label><input type="radio" name="sexo" value="M" checked>Mujer<input type="radio" name="sexo" value="H">Hombre
        </div>
        <div>
            <label>Peso (kg)</label><input type="number" min="1" max="300" name="peso">
        </div>
 
        <div id="resultado"></div>
 
        <div>
            <input type="submit" value="Calcular">
        </div>
 
    </form>
 
</body>
</html>
 
<script>
(function(){
    // generamos un evento para cuando se haga submit en el formulario
    document.querySelector("#formulario").addEventListener("submit",calcular);
 
    // función que realiza los calculos
    function calcular(e) {
 
        // cancelamos el evento
        e.preventDefault();
 
        // obtenemos los valores del formulario
        var altura=document.querySelector("#formulario input[name=altura]").value;
        var edad=document.querySelector("#formulario input[name=edad]").value;
        var sexo=document.querySelector("#formulario input[name=sexo]:checked").value;
        var peso=document.querySelector("#formulario input[name=peso]").value;
 
        var resultado=document.getElementById("resultado");
 
        if(parseInt(altura)>0 && parseInt(edad)>0 && sexo && parseInt(peso)>0) {
 
            // buscamos el peso idoneo
            var pesoIdeal=50+((altura-150)/4)*3+(edad-20)/4
            if(sexo=="M") {
                pesoIdeal=pesoIdeal*0.9;
            }
 
            resultado.classList.remove("red");
            resultado.classList.add("green");
 
            // mostramos el resultado en relación a nuestro peso
            var respuesta="";
            if(pesoIdeal>peso) {
                respuesta="Tu peso ideal seria: "+pesoIdeal+" kilos";
                respuesta+="<br>Te faltan: "+(pesoIdeal-peso).toFixed(2)+" kilos";
            }else if(pesoIdeal<peso){
                respuesta="Tu peso ideal seria: "+pesoIdeal+" kilos";
                respuesta+="<br>Te sobran: "+(peso-pesoIdeal).toFixed(2)+" kilos";
            }else{
                respuesta="Estas en tu peso ideal!!!";
            }
 
            resultado.innerHTML=respuesta;
        }else{
 
            // mostramos un mensaje de error si alguno de los valores no es correcto
            resultado.classList.remove("green");
            resultado.classList.add("red");
            resultado.innerHTML="Alguno de los valores es incorrecto";
        }
    }
})()
</script>



Comentarios sobre la versión: Versión 1.0 (0)


No hay comentarios
 

Comentar la versión: Versión 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s4835