• Global community
• Language:
• Deutsch
• English
• Español
• Français
• Português
• 日本語コミュニティ
Dedicated community for Japanese speakers
• 한국 커뮤니티
Dedicated community for Korean speakers
Exit
• How to add gender and age variables to my BMI calc...

# How to add gender and age variables to my BMI calculation?

Feb 26, 2017 Feb 26, 2017

Copied

I'm trying to build a calculator that works out the users BMI.

I've managed to get this far at the moment, however I would like to add the users age and gender to the calculation.

<!DOCTYPE html>

<html>

<html>

<title>BMI Calculator</title>

<script type="text/javascript">

function computeBMI()

{

//Obtain user inputs

var height=Number(document.getElementById("height").value);

var heightunits=document.getElementById("heightunits").value;

var weight=Number(document.getElementById("weight").value);

var weightunits=document.getElementById("weightunits").value;

//Convert all units to metric

if (heightunits=="inches") height/=39.3700787;

if (weightunits=="lb") weight/=2.20462;

if (heightunits=="cm") height/=100;

//Perform calculation

var BMI=weight/Math.pow(height,2);

//Display result of calculation

document.getElementById("output").innerText=Math.round(BMI*100)/100;

var output =  Math.round(BMI*100)/100

if (output<18.5)

document.getElementById("comment").innerText = "Underweight";

else   if (output>=18.5 && output<=25)

document.getElementById("comment").innerText = "Normal";

else   if (output>=25 && output<=30)

document.getElementById("comment").innerText = "Obese";

else   if (output>30)

document.getElementById("comment").innerText = "Overweight";

}

</script>

<body>

<h1>Body Mass Index Calculator</h1>

<p>Enter your height: <input type="text" id="height"/>

<select type="multiple" id="heightunits">

<option value="metres" selected="selected">metres</option>

<option value="inches">inches</option>

<option value="cm">cm</option>

</select>

</p>

<p>Enter your weight: <input type="text" id="weight"/>

<select type="multiple" id="weightunits">

<option value="kg" selected="selected">kilograms</option>

<option value="lb">pounds</option>

</select>

</p>

<input type="submit" value="computeBMI" onclick="computeBMI();">

<h2>This means you are: <span id="comment"></span> </h2>

</body>

TOPICS
Acrobat SDK and JavaScript

Views

1.7K

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
3 Replies 3
Community Expert ,
Feb 26, 2017 Feb 26, 2017

Copied

This forum is about JavaScript in PDF files, not web-pages...

However, it shouldn't be too difficult. Just do the same thing you did with the weight and height input.

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
New Here ,
Sep 05, 2023 Sep 05, 2023

Copied

Here is complete code of Bmi calculator

<!DOCTYPE html>
<html lang="en">

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
}

.container {
max-width: 400px;
margin: 0 auto;
text-align: center;
}

h1 {
color: #333;
}

input[type="number"] {
width: 100%;
margin: 10px 0;
}

button {
background-color: #007bff;
color: #fff;
border: none;
cursor: pointer;
}

#result {
font-weight: bold;
font-size: 18px;
margin-top: 20px;
}
</style>

<body>
<div class="container">
<label for="weight">Weight (kg):</label>
<input type="number" id="weight" placeholder="Enter your weight" step="0.01" required>
<label for="height">Height (cm):</label>
<input type="number" id="height" placeholder="Enter your height" step="0.01" required>
<button onclick="calculateBMI()">Calculate BMI</button>
<div id="result"></div>
</div>

<script>
function calculateBMI() {
const weight = parseFloat(document.getElementById('weight').value);
const height = parseFloat(document.getElementById('height').value) / 100; // Convert to meters

if (!isNaN(weight) && !isNaN(height) && height > 0) {
const bmi = weight / (height * height);
const bmiCategory = getBMICategory(bmi);

document.getElementById('result').innerHTML = `Your BMI is: \${bmi.toFixed(2)} (\${bmiCategory})`;
} else {
document.getElementById('result').innerHTML = 'Please enter valid weight and height values.';
}
}

function getBMICategory(bmi) {
if (bmi < 18.5) {
return 'Underweight';
} else if (bmi < 24.9) {
return 'Normal Weight';
} else if (bmi < 29.9) {
return 'Overweight';
} else {
return 'Obese';
}
}
</script>
</body>

</html>

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Community Expert ,
Sep 05, 2023 Sep 05, 2023

Copied

LATEST

Is this topic somehow related to Acrobat or PDF?

Thom Parker - Software Developer at PDFScripting
Use the Acrobat JavaScript Reference early and often