Calculadora de IMC usando Express.js

El índice de masa corporal (IMC) se representa en términos de peso y altura de un individuo. Es la relación entre el peso del cuerpo y el cuadrado de la altura del cuerpo en kilogramos y metros respectivamente.

BMI = (weight of body) / (height of body)2
Unit of weight: Kilogram(Kg);
Unit of height: Meter(m);
Unit of BMI is kg/m2

Acercarse: 

  • Primero, escribimos código HTML para crear un formulario en el que tomaremos el nombre, la altura (m), el peso (kg) como entrada del usuario.
  • Importe los módulos requeridos y guárdelos en la variable de la aplicación
  • envía html y publica los datos en la ruta específica usando este 
     
app.post("/bmicalculator", function (req, res) {
    heigh = parseFloat(req.body.Height);
    weigh = parseFloat(req.body.Weight);
    bmi = weigh / (heigh * heigh);
  • Verifique la condición para el IMC usando la fórmula.
     

Paso 1:

HTML

<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- title is used to provide
             a specific name to our web-page! -->
        <title>BMI-CALCULATOR</title>
        <!-- link function is used here, so that we can
    connect our css file with our html file externally -->
        <link rel="stylesheet" href="1.css" />
    </head>
    <body>
        <div id="MAIN">
            <h1 id="heading">BMI-CALCULATOR</h1>
        </div>
 
        <form action="/bmicalculator" method="post">
            <input type="text"
                   name="Name"
                   placeholder="Enter your  name!" />
            <br />
            <input id="Height"
                   name="Height"
                   placeholder="Enter your height(m)" />
            <br />
            <input id="Weight"
                   name="Weight"
                   placeholder="Enter your weight(kg)" />
            <br />
            <button class="btn"
                    type="submit">Get-BMI</button>
        </form>
    </body>
</html>

Producción:

FORMA SIMPLE

Ahora escribamos el código para nuestros cálculos y funcionalidades, que es la parte principal de nuestra CALCULADORA BMI.

Paso 2

Dependencies: 
express:    npm install express
bodyparser:   npm install body-parser

Javascript

//importing modules
const express = require("express");
const bodyparser = require("body-parser");
 
// stores the express module into the app variable!
const app = express();
app.use(bodyparser.urlencoded({ extended: true }));
 
//sends index.html
app.get("/bmicalculator", function (req, res) {
    res.sendFile(__dirname + "/" + "index.html");
});
 
//this is used to post the data on the specific route
app.post("/bmicalculator", function (req, res) {
    heigh = parseFloat(req.body.Height);
    weigh = parseFloat(req.body.Weight);
    bmi = weigh / (heigh * heigh);
 
    //number to string format
    bmi = bmi.toFixed();
 
    req_name = req.body.Name;
 
    // CONDITION FOR BMI
    if (bmi < 19) {
        res.send("<h3>hey! " + req_name +
                 " your BMI is around: " + bmi +
                 "<centre><h1>You are Underweight!");
    } else if (19 <= bmi && bmi < 25) {
        res.send("<h3>hey! " + req_name +
                 " your BMI is around: " + bmi +
                 "<centre><h1>You are Normalweight!");
    } else if (25 <= bmi && bmi < 30) {
        res.send("<h3>hey! " + req_name +
                 " your BMI is around: " + bmi +
                 "<centre><h1>You are Overweight!");
    } else {
        res.send("<h3>hey! " + req_name +
                 " your BMI is around: " + bmi +
                 "<centre><h1>You are Obese!");
    }
});
 
//this is used to listen a specific port!
app.listen(7777, function () {
    console.log("port active at 7777");
});

Producción: 
 

Salida final:

Producción

Publicación traducida automáticamente

Artículo escrito por rahulmahajann y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *