Menu
Community /Pin to ProfileBookmark
@NogDogJan 14.2017 — #My JavaScript skills are pretty atrophied these days, but this seems to work, and could potentially lead you in the right direction:
BMI Code
Hi, I need some help. I am after a BMI program code for both metric and
imperial with a nice simple good looking UI. I want this for a new business
i am looking to start and was wondering if someone in the community could help. I
have no qualms in paying for this to be produced. I know i can get lots of
free ones but all these have an address and link.
Sign in
to post a comment14 Comments(s) ↴
0
@NogDogJan 14.2017 — #My JavaScript skills are pretty atrophied these days, but this seems to work, and could potentially lead you in the right direction:[code=html]
<html>
<head>
<title>BMI</title>
<style type="text/css">
#bmi_forms {
overflow: auto;
}
#bmi_forms form {
float: left;
}
</style>
<script type="text/javascript">
function calculate(units)
{
var height = 0;
var weight = 0;
if(units == 'imperial') {
height = document.getElementById('imp_height').value;
weight = document.getElementById('imp_weight').value;
height = height * 0.0254;
weight = weight * 0.454;
}
else {
height = document.getElementById('height').value;
weight = document.getElementById('weight').value;
}
var bmi = weight / (height * height);
document.getElementById('bmi').innerHTML = bmi.toFixed(1).toString();
return false;
}
</script>
</head>
<h1>Body Mass Index (BMI) Calculator</h1>
<body>
<div id="bmi_forms">
<form action="" method="post" onsubmit="return calculate('metric')">
<fieldset>
<legend>Calculate BMI: Metric</legend>
<p><label for="weight">Weight (kg): </label><input type="text" name="weight" id="weight" /></p>
<p><label for="height">Height (m): </label><input type="text" name="height" id="height" /></p>
<p><button>Calculate BMI</button></p>
</fieldset>
</form>
<form action="" method="post" onsubmit="return calculate('imperial')">
<fieldset>
<legend>Calculate BMI: Imperial</legend>
<p><label for="weight">Weight (lb): </label><input type="text" name="weight" id="imp_weight" /></p>
<p><label for="height">Height (in): </label><input type="text" name="height" id="imp_height" /></p>
<p><button>Calculate BMI</button></p>
</fieldset>
</form>
</div>
<p>BMI: <span id="bmi"></span></p>
</body>
</html>
[/code]