Help us promote our site!

Small Banners and Buttons Medium Banners Large Banners OH Magazine Banners

BMI Calculators For You

Do you have your own personal web site? Would you like to show your support to ObesityHelp.com? You can do so by putting one of our BMI calculators on your web page.

Below are several BMI calculators for you to choose from to put on your site. If you need help or instructions, please contact our Web Page Department. Thank you!

To include this BMI calculator in your web page, include the following HTML:

<script language="JavaScript">
function calcBMIimperial(inchfield,footfield,lbfield,outdiv, textstyle, bgcolor, fgcolor, border)
{
	footfield.value.replace(/[^0-9]/, '');
	inchfield.value.replace(/[^0-9\.]/, '');
	lbfield.value.replace(/[^0-9\.]/, '');
	if(footfield.value.length==0 || parseInt(footfield.value) == 0)
	{
		alert("You must enter a nonzero numeric value in the \"feet\" field.")
		footfield.focus();
		return false;
	}
	if(inchfield.value.length == 0)
		inchfield.value = '0';
	if(lbfield.value.length == 0 || parseInt(lbfield.value) == 0)
	{
		alert("You must enter a nonzero numeric value in the \"pounds\" field.")
		lbfield.focus();
		return false;
	}
	var lbs = parseFloat(lbfield.value);
	var inches = parseFloat(footfield.value) * 12.0 + parseFloat(inchfield.value);
	var m = (inches * 2.54) / 100;
	var kg = lbs / 2.2046;
	doActualBMI(m,kg,outdiv, textstyle, bgcolor, fgcolor, border);
}
function doActualBMI(m,kg,outdiv, textstyle, bgcolor, fgcolor, border)
{
	var bmi = kg / (m * m);
	bmi = parseInt(bmi * 10.0);
	bmi = parseFloat(bmi) / 10.0;
	
	var out = "<p style=\"" + textstyle + "\">You have a BMI of <b>"+bmi+"</b>.<br>";
	if(bmi <= 18.5)
		out += "This shows that you may be underweight.";
	else if(bmi <= 24.9)
		out += "This shows that you are of a normal weight.";
	else if(bmi <= 29.9)
		out += "This shows that you are moderately overweight.<br>Your BMI is not high enough to qualify you for bariatric surgery.";
	else if(bmi <= 39.9)
		out += "This indicates that you are Obese.<br>Your BMI is generally high enough to qualify you for bariatric surgery if you have comorbid conditions such as diabetes (type II), hypertension, sleep apnea or other potentially life-threatening diseases.";
	else if(bmi <= 49.9)
		out += "This indicates that you are Extremely Obese.<br>Your BMI is high enough to qualify you for bariatric surgery.";
	else
		out += "This puts you in the Super Morbid Obesity category.<br>Your BMI is extremely high and is enough to qualify you for bariatric surgery.";
	out += "<p style=\"" + textstyle + "\">The table below shows value ranges and what they mean.</p>";
	out += "<table class=\"noborder\" cellspacing=\"0\" style=\"border-collapse:collapse;background-color:"+bgcolor+"\">";
	out += "<tr bgcolor=\"" + fgcolor + "\"><th style=\"color:"+bgcolor+";border:1px solid "+border+";"+textstyle+"\">Range</th><th style=\"color:"+bgcolor+";border:1px solid "+border+";"+textstyle+"\">Meaning</th></tr>";
	out += "<tr><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">less than 18.5</td><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">Underweight</td></tr>";
	out += "<tr><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">18.5 - 24.9</td><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">Normal</td></tr>";
	out += "<tr><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">25.0 - 29.9</td><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">Overweight</td></tr>";
	out += "<tr><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">30.0 - 39.9</td><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">Obese</td></tr>";
	out += "<tr><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">40.0 - 50</td><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">Extremely Obese</td></tr>";
	out += "<tr><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">over 50</td><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">Super Obese</td></tr>";
	out += "</table>";
	out += "<p style=\"" + textstyle + "\"><strong>For more information, visit <a href=\"http://www.obesityhelp.com/morbidobesity/\">ObesityHelp.com</a>.</strong></p>";
	var div = getDiv(outdiv);
	if(!div)
		alert("You have a BMI of " + bmi + ".");
	else
		div.innerHTML = out;
}
function getDiv(divname)
{
	if(document.getElementById)
		return document.getElementById(divname);
	elseif(document.all)
		return document.all(divname);
	return false;
}
</script>
<form onsubmit="return false">
<table class="noborder" style="background-color:#ccddff;border:1px solid #db9">
<caption style="font-family:Verdana,sans-serif;font-size:10pt;color:black">Calculate Your BMI</caption>
<tr>
<td style="font-family:Verdana,sans-serif;font-size:10pt;color:black">Your height:</td>
<td style="font-family:Verdana,sans-serif;font-size:10pt;color:black"><input type="text" style="font-family:Verdana,sans-serif;font-size:10pt" size="2" maxlength="2" name="feet" style="border:1px solid #db9"> feet,
<input type="text" style="font-family:Verdana,sans-serif;font-size:10pt" size="2" maxlength="2" name="inches" style="border:1px solid #db9"> inches</td>
</tr>
<tr>
<td style="font-family:Verdana,sans-serif;font-size:10pt;color:black">Your weight:</td>
<td style="font-family:Verdana,sans-serif;font-size:10pt;color:black"><input type="text" style="font-family:Verdana,sans-serif;font-size:10pt" size="3" maxlength="3" name="pounds" style="border:1px solid #db9"> pounds</td>
</tr>
<tr><td colspan="2" align="center"><input type="button" value="Find My BMI!" onclick="calcBMIimperial(this.form.inches,this.form.feet,this.form.pounds,'bmiOut','font-family:Verdana,sans-serif;font-size:10pt','#ccddff', 'black', '#db9')"></td></tr>
</table><br>
</form>
<div id="bmiOut"></div>

To include this BMI calculator in your web page, include the following HTML:

<script language="JavaScript">
function calcBMIimperial(inchfield,footfield,lbfield,outdiv, textstyle, bgcolor, fgcolor, border)
{
	footfield.value.replace(/[^0-9]/, '');
	inchfield.value.replace(/[^0-9\.]/, '');
	lbfield.value.replace(/[^0-9\.]/, '');
	if(footfield.value.length==0 || parseInt(footfield.value) == 0)
	{
		alert("You must enter a nonzero numeric value in the \"feet\" field.")
		footfield.focus();
		return false;
	}
	if(inchfield.value.length == 0)
		inchfield.value = '0';
	if(lbfield.value.length == 0 || parseInt(lbfield.value) == 0)
	{
		alert("You must enter a nonzero numeric value in the \"pounds\" field.")
		lbfield.focus();
		return false;
	}
	var lbs = parseFloat(lbfield.value);
	var inches = parseFloat(footfield.value) * 12.0 + parseFloat(inchfield.value);
	var m = (inches * 2.54) / 100;
	var kg = lbs / 2.2046;
	doActualBMI(m,kg,outdiv, textstyle, bgcolor, fgcolor, border);
}
function doActualBMI(m,kg,outdiv, textstyle, bgcolor, fgcolor, border)
{
	var bmi = kg / (m * m);
	bmi = parseInt(bmi * 10.0);
	bmi = parseFloat(bmi) / 10.0;
	
	var out = "<p style=\"" + textstyle + "\">You have a BMI of <b>"+bmi+"</b>.<br>";
	if(bmi <= 18.5)
		out += "This shows that you may be underweight.";
	else if(bmi <= 24.9)
		out += "This shows that you are of a normal weight.";
	else if(bmi <= 29.9)
		out += "This shows that you are moderately overweight.<br>Your BMI is not high enough to qualify you for bariatric surgery.";
	else if(bmi <= 39.9)
		out += "This indicates that you are Obese.<br>Your BMI is generally high enough to qualify you for bariatric surgery if you have comorbid conditions such as diabetes (type II), hypertension, sleep apnea or other potentially life-threatening diseases.";
	else if(bmi <= 49.9)
		out += "This indicates that you are Extremely Obese.<br>Your BMI is high enough to qualify you for bariatric surgery.";
	else
		out += "This puts you in the Super Morbid Obesity category.<br>Your BMI is extremely high and is enough to qualify you for bariatric surgery.";
	out += "<p style=\"" + textstyle + "\">The table below shows value ranges and what they mean.</p>";
	out += "<table class=\"noborder\" cellspacing=\"0\" style=\"border-collapse:collapse;background-color:"+bgcolor+"\">";
	out += "<tr bgcolor=\"" + fgcolor + "\"><th style=\"color:"+bgcolor+";border:1px solid "+border+";"+textstyle+"\">Range</th><th style=\"color:"+bgcolor+";border:1px solid "+border+";"+textstyle+"\">Meaning</th></tr>";
	out += "<tr><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">less than 18.5</td><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">Underweight</td></tr>";
	out += "<tr><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">18.5 - 24.9</td><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">Normal</td></tr>";
	out += "<tr><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">25.0 - 29.9</td><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">Overweight</td></tr>";
	out += "<tr><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">30.0 - 39.9</td><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">Obese</td></tr>";
	out += "<tr><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">40.0 - 50</td><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">Extremely Obese</td></tr>";
	out += "<tr><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">over 50</td><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">Super Obese</td></tr>";
	out += "</table>";
	out += "<p style=\"" + textstyle + "\"><strong>For more information, visit <a href=\"http://www.obesityhelp.com/morbidobesity/\">ObesityHelp.com</a>.</strong></p>";
	var div = getDiv(outdiv);
	if(!div)
		alert("You have a BMI of " + bmi + ".");
	else
		div.innerHTML = out;
}
function getDiv(divname)
{
	if(document.getElementById)
		return document.getElementById(divname);
	elseif(document.all)
		return document.all(divname);
	return false;
}
</script>
<form onsubmit="return false">
<table class="noborder" style="background-color:white;border:1px solid red">
<caption style="font-family:Verdana,sans-serif;font-size:10pt;color:red">Calculate Your BMI</caption>
<tr>
<td style="font-family:Verdana,sans-serif;font-size:10pt;color:black">Your height:</td>
<td style="font-family:Verdana,sans-serif;font-size:10pt;color:black"><input type="text" style="font-family:Verdana,sans-serif;font-size:10pt" size="2" maxlength="2" name="feet" style="border:1px solid red"> feet,
<input type="text" style="font-family:Verdana,sans-serif;font-size:10pt" size="2" maxlength="2" name="inches" style="border:1px solid red"> inches</td>
</tr>
<tr>
<td style="font-family:Verdana,sans-serif;font-size:10pt;color:black">Your weight:</td>
<td style="font-family:Verdana,sans-serif;font-size:10pt;color:black"><input type="text" style="font-family:Verdana,sans-serif;font-size:10pt" size="3" maxlength="3" name="pounds" style="border:1px solid red"> pounds</td>
</tr>
<tr><td colspan="2" align="center"><input type="button" value="Find My BMI!" onclick="calcBMIimperial(this.form.inches,this.form.feet,this.form.pounds,'bmiOut','font-family:Verdana,sans-serif;font-size:10pt','white', 'black', 'red')"></td></tr>
</table><br>
</form>
<div id="bmiOut"></div>

To include this BMI calculator in your web page, include the following HTML:

<script language="JavaScript">
function calcBMIimperial(inchfield,footfield,lbfield,outdiv, textstyle, bgcolor, fgcolor, border)
{
	footfield.value.replace(/[^0-9]/, '');
	inchfield.value.replace(/[^0-9\.]/, '');
	lbfield.value.replace(/[^0-9\.]/, '');
	if(footfield.value.length==0 || parseInt(footfield.value) == 0)
	{
		alert("You must enter a nonzero numeric value in the \"feet\" field.")
		footfield.focus();
		return false;
	}
	if(inchfield.value.length == 0)
		inchfield.value = '0';
	if(lbfield.value.length == 0 || parseInt(lbfield.value) == 0)
	{
		alert("You must enter a nonzero numeric value in the \"pounds\" field.")
		lbfield.focus();
		return false;
	}
	var lbs = parseFloat(lbfield.value);
	var inches = parseFloat(footfield.value) * 12.0 + parseFloat(inchfield.value);
	var m = (inches * 2.54) / 100;
	var kg = lbs / 2.2046;
	doActualBMI(m,kg,outdiv, textstyle, bgcolor, fgcolor, border);
}
function doActualBMI(m,kg,outdiv, textstyle, bgcolor, fgcolor, border)
{
	var bmi = kg / (m * m);
	bmi = parseInt(bmi * 10.0);
	bmi = parseFloat(bmi) / 10.0;
	
	var out = "<p style=\"" + textstyle + "\">You have a BMI of <b>"+bmi+"</b>.<br>";
	if(bmi <= 18.5)
		out += "This shows that you may be underweight.";
	else if(bmi <= 24.9)
		out += "This shows that you are of a normal weight.";
	else if(bmi <= 29.9)
		out += "This shows that you are moderately overweight.<br>Your BMI is not high enough to qualify you for bariatric surgery.";
	else if(bmi <= 39.9)
		out += "This indicates that you are Obese.<br>Your BMI is generally high enough to qualify you for bariatric surgery if you have comorbid conditions such as diabetes (type II), hypertension, sleep apnea or other potentially life-threatening diseases.";
	else if(bmi <= 49.9)
		out += "This indicates that you are Extremely Obese.<br>Your BMI is high enough to qualify you for bariatric surgery.";
	else
		out += "This puts you in the Super Morbid Obesity category.<br>Your BMI is extremely high and is enough to qualify you for bariatric surgery.";
	out += "<p style=\"" + textstyle + "\">The table below shows value ranges and what they mean.</p>";
	out += "<table class=\"noborder\" cellspacing=\"0\" style=\"border-collapse:collapse;background-color:"+bgcolor+"\">";
	out += "<tr bgcolor=\"" + fgcolor + "\"><th style=\"color:"+bgcolor+";border:1px solid "+border+";"+textstyle+"\">Range</th><th style=\"color:"+bgcolor+";border:1px solid "+border+";"+textstyle+"\">Meaning</th></tr>";
	out += "<tr><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">less than 18.5</td><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">Underweight</td></tr>";
	out += "<tr><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">18.5 - 24.9</td><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">Normal</td></tr>";
	out += "<tr><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">25.0 - 29.9</td><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">Overweight</td></tr>";
	out += "<tr><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">30.0 - 39.9</td><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">Obese</td></tr>";
	out += "<tr><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">40.0 - 50</td><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">Extremely Obese</td></tr>";
	out += "<tr><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">over 50</td><td style=\"padding:3px 6px;color:"+fgcolor+";border:1px solid "+border+";"+textstyle+"\">Super Obese</td></tr>";
	out += "</table>";
	out += "<p style=\"" + textstyle + "\"><strong>For more information, visit <a href=\"http://www.obesityhelp.com/morbidobesity/\">ObesityHelp.com</a>.</strong></p>";
	var div = getDiv(outdiv);
	if(!div)
		alert("You have a BMI of " + bmi + ".");
	else
		div.innerHTML = out;
}
function getDiv(divname)
{
	if(document.getElementById)
		return document.getElementById(divname);
	elseif(document.all)
		return document.all(divname);
	return false;
}
</script>
<form onsubmit="return false">
<table class="noborder" style="background-color:#e0e0e0;border:1px solid gray">
<caption style="font-family:Georgia,serif;font-size:9pt;color:#333333">Calculate Your BMI</caption>
<tr>
<td style="font-family:Georgia,serif;font-size:9pt;color:#c00">Your height:</td>
<td style="font-family:Georgia,serif;font-size:9pt;color:#c00"><input type="text" style="font-family:Georgia,serif;font-size:9pt" size="2" maxlength="2" name="feet" style="border:1px solid gray"> feet,
<input type="text" style="font-family:Georgia,serif;font-size:9pt" size="2" maxlength="2" name="inches" style="border:1px solid gray"> inches</td>
</tr>
<tr>
<td style="font-family:Georgia,serif;font-size:9pt;color:#c00">Your weight:</td>
<td style="font-family:Georgia,serif;font-size:9pt;color:#c00"><input type="text" style="font-family:Georgia,serif;font-size:9pt" size="3" maxlength="3" name="pounds" style="border:1px solid gray"> pounds</td>
</tr>
<tr><td colspan="2" align="center"><input type="button" value="Find My BMI!" onclick="calcBMIimperial(this.form.inches,this.form.feet,this.form.pounds,'bmiOut','font-family:Georgia,serif;font-size:9pt','#e0e0e0', '#c00', 'gray')"></td></tr>
</table><br>
</form>
<div id="bmiOut"></div>