1. Registered User
Join Date
Nov 2008
Posts
3

I'm trying to write a code for a BMR calculator thing and it's not working. I think it is the radio buttons.. they come out as undefined or something. thanks so much..

<script type="text/javascript">
function CalculateBMR(f)
{
var ele = f.elements;

var weight = Number(ele.text1.value);
var feet = Number(ele.text2.value);
var inch = Number(ele.text3.value);
var age = Number(ele.text4.value);
var bmr;
var sex = "";

for (i = 0; i <2; i++) {
if (ele.text5[i].value.checked) {
sex = ele.text5[i].value;
}
}
if(sex=="male"){
bmr = 66+parseInt( 6.23*weight)+parseInt(12.7*(feet*12+parseInt(inch)))-parseInt( 6.8*age);

} else if (sex=="female"){
bmr = 655 + (4.35*weight)+(4.7*(feet*12+inch))-(4.7*age);
}

ele.text6.value = bmr;
return true;
}
</script>

<form>
<table border="0">
<tbody>
<tr>
<td align="left"><span style="text-decoration: underline;"><strong>Height</strong></span></td>
</tr>
<tr>
<td align="left"><strong>Feet</strong>

<input name="text2" size="3" type="text" /></td>
<td align="right"><strong>Inch</strong>

<input name="text3" size="3" type="text" /></td>
</tr>
<tr>
<td align="left"><span style="text-decoration: underline;"><strong>Weight</strong></span></td>
</tr>
<tr>
<td align="left"><input name="text1" size="4" type="text" /><strong>lb</strong></td>
</tr>
<tr>
<td align="left"><input name="text4" size="4" type="text" /><strong>age</strong></td>
</tr>
<tr>
<input type="radio" name="text5" value="male" /> Male
<br />
<input type="radio" name="text5" value="female" /> Female
<br />
</tr>
<tr>
<td colspan="2" align="left"><input onclick="return CalculateBMR(this.form)" type="button" value="Calculate" /></td>
<td></td>
</tr>
<tr>
<td align="left"><strong>BMR</strong>

<input name="text6" size="5" type="text" /></td>
</tr>
</tbody></table>
</form>

2. Code:
```<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<title>Calculate BMR</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script type="text/javascript">
function CalculateBMR(f)
{
var ele = f.elements;

var weight = Number(ele.text1.value);
var feet = Number(ele.text2.value);
var inch = Number(ele.text3.value);
var age = Number(ele.text4.value);
var bmr;
var sex = (ele.text5[0].checked)? "male" : "female";

if(sex=="male"){
bmr = 66+parseInt( 6.23*weight)+parseInt(12.7*(feet*12+parseInt(inch)))-parseInt( 6.8*age);

} else if (sex=="female"){
bmr = 655 + (4.35*weight)+(4.7*(feet*12+inch))-(4.7*age);
}

ele.text6.value = bmr;
return true;
}
</script>

<body>
<form action="#">
<table border="0">
<tbody>
<tr>
<td><strong style="text-decoration: underline;">Height</strong></td>
</tr>
<tr>
<td><strong>Feet</strong>

<input name="text2" size="3" type="text">
<strong>Inch</strong>

<input name="text3" size="3" type="text"></td>
</tr>
<tr>
<td><strong style="text-decoration: underline;">Weight</strong></td>
</tr>
<tr>
<td><input name="text1" size="4" type="text"><strong>lb</strong></td>
</tr>
<tr>
<td><input name="text4" size="4" type="text"><strong>age</strong></td>
</tr>
<tr>
<td>
<input type="radio" name="text5" value="male" checked> Male
<br />
<br />
</td>
</tr>
<tr>
<td colspan="2"><input onclick="return CalculateBMR(this.form)" type="button" value="Calculate"></td>
<td></td>
</tr>
<tr>
<td><strong>BMR</strong>

<input name="text6" size="5" type="text"></td>
</tr>
</tbody></table>
</form>
</body>
</html>```