HTML CODE BODY MASS INDEX CALCULATOR HOW TO
HTML CODE BODY MASS INDEX CALCULATOR CODE

If (b = 18.5 & b 25 & b 30 & b 35 & b Īfter this step, you can access the BMI calculator module from the HTML file. Var b = w/(h*h) // According to the formulaĭocument.getElementById('ans').value = String(b.toPrecision(3)) +' kg/m^2' // writing to the output Var h = parseFloat(document.getElementById('height').value)/100 // Convert height to meters Var w = parseFloat(document.getElementById('weight').value) // To get weight from the input with id as weight We can classify the BMI into the following categories: Now we need to write a function named bmi to calculate the BMI of the user from the entered values. The interface looks like the below image: The function “document.write” is used to write to the HTML document in which the file “bmi.js” is included.

HTML CODE BODY MASS INDEX CALCULATOR CODE

Then write the following code to create an input interface for the user.Create a javascript file by the name of “bmi.js”.Now we should collect mass and height-related information as follows: BMI Calculator HTML Part The first line helps browsers understand that this. So, our main goal is to collect information from the height, weight information from the user, and calculate body mass index by the following formula: BMI ranges For most adults, an ideal BMI is in the 18.5 to 24.9 range. The BMI calculation divides an adults weight in kilograms by their height in metres squared.

HTML CODE BODY MASS INDEX CALCULATOR HOW TO

How to make a BMI calculator using JavaScriptįirstly, what is the body mass index (BMI)?īody mass index ( BMI) is defined as the body mass divided by the square of the body height and is expressed in units of kg/m 2, resulting from mass in kilograms and height in meters. The body mass index (BMI) is a measure that uses your height and weight to work out if your weight is healthy. I am using Visual Studio Code for editing, you can use any editor you are comfortable with. The readers are suggested to use an editor while writing the code. Although a basic understanding of HTML and DOM ( Document Object Model ) will give you an edge. There are no specific pre-requisites for this tutorial. This tutorial will not only enhance your knowledge about BMI calculation but also provide a basic understanding of JavaScript.

This module can be included in any of the HTML files with a single line of code. Hello! In this tutorial, we will be building a body mass index (BMI) calculator in JavaScript.

Html code body mass index calculator