已忽略条件语句
Conditional Statement ignored
我目前正在尝试开发一个简单的移动应用程序,用于计算你的BMI、BMR等。
有两个单独的公式来计算男性和女性的BMR。
男性:66+(13.7*体重)+(5*身高*100)-(6.8*年龄)
女性:655+(9.6*体重)+(1.8*身高*100)-(4.7*年龄)
问题:我使用了if-else语句,如果用户点击表单页面上的"男性"单选按钮,应用程序就会识别出用户是男性,并使用男性BMR公式来计算他的BMR。男性BMR的计算正常,结果显示在calculateinput.html页面上
例如,如果体重=100,身高=2,年龄=18,性别=男性,我会得到2313.6的BMR,这是正确的。
然而,如果我点击表单页面上的"女性"单选按钮,应用程序仍然使用男性BMR公式,而不是女性BMR公式来计算她的BMR。如果体重=100,身高=2,年龄=18,性别=女性,我仍然会得到2313.6,这是不正确的。
我的代码似乎忽略了用户的性别输入,并在表单页面上应用了男性BMR公式,无论性别如何,尽管我有if-else语句。。。
有人能认出并指出我犯了什么错误吗?感谢您的解释!
以下是我在common.js 上的代码
function bmr(gender, height, weight, age){
var calculatedbmr;
if (gender="male"){
calculatedbmr=66+(13.7 * weight)+(5 * height * 100)-(6.8 * age);
}
else if(gender="female"){
calculatedbmr=655+(9.6 * weight)+(1.8 * height * 100)-(4.7 * age);
}
return calculatedbmr;
}
以下是我的显示结果页面上的代码。(命名为calculateinput.html)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" href="js/jquery.mobile-1.4.5.min.css">
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.mobile-1.4.5.min.js"></script>
<script src="common.js"></script>
<script type="text/javascript">
var mybmi = localStorage.getItem("bmi");
var weightcategory;
if (mybmi<18.5){
weightcategory = "Underweight";
}
else if ((mybmi>=18.5)&&(mybmi<=24.99)){
weightcategory = "Normal Weight";
}
else if ((mybmi>=25)&&(mybmi<=29.99)){
weightcategory = "Overweight";
}
else if ((mybmi>=30)&&(mybmi<=34.99)){
weightcategory = "Class 1 Obesity";
}
else if ((mybmi>=35)&&(mybmi<=39.99)){
weightcategory = "CLass 2 Obesity";
}
else if (mybmi>=40){
weightcategory = "Morbidly Obese";
}
var theloseorgainmessagethatappears = localStorage.getItem("loseorgain");
var theweightdifference = localStorage.getItem("weightdifference");
var thebmrrate = localStorage.getItem("bmrrate");
</script>
</head>
<body>
<div data-role="page" id="mainpage">
<div data-role="header">
<a href="#" onclick="home()" class="ui-btn ui-icon-home ui-btn-icon-left">Home</a>
<h1>BMI Calculator</h1>
</div>
<div data-role="main" class="ui-content">
<b>Your Results:</b><br><br>
Your weight category: <script>document.write(weightcategory)</script><br><br>
Your BMI is : <script>document.write(mybmi)</script><br><br>
<script>document.write(theloseorgainmessagethatappears)</script><br><br>
Your BMR is : <script>document.write(thebmrrate)</script> <br><br>
Weight Difference: <script>document.write(theweightdifference)</script>
</div>
<div data-role="footer" style="text-align:center;">
Developed by The Dom
</div>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>
下面是表单页面上的代码,用户可以在其中输入自己的输入。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link rel="stylesheet" type="text/css" href="css/projectindex.css">
<link rel="stylesheet" href="js/jquery.mobile-1.4.5.min.css">
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.mobile-1.4.5.min.js"></script>
<script src="common.js"></script>
<script type="text/javascript">
function calculate(){
var bmi = bodymassindex(document.bmiform.height.value, document.bmiform.weight.value);
localStorage.setItem("bmi",bmi);
var loseorgain = loseorgainmessage(document.bmiform.weight.value, document.bmiform.dreamweight.value);
localStorage.setItem("loseorgain",loseorgain);
var weightdifference = myweightdifference(document.bmiform.weight.value, document.bmiform.dreamweight.value);
localStorage.setItem("weightdifference",weightdifference);
var bmrrate = bmr(document.bmiform.gender.value, document.bmiform.height.value, document.bmiform.weight.value, document.bmiform.age.value);
localStorage.setItem("bmrrate",bmrrate);
document.bmiform.submit();
}
</script>
</head>
<body>
<div data-role="page" id="bmicalculator">
<div data-role="header">
<a href="#" onclick="home()" class="ui-btn ui-icon-home ui-btn-icon-left">Home</a>
<h1>BMI Calculator</h1>
</div>
<div data-role="main" class="ui-content">
Enter your height and weight. The system will calculate your BMI:<br><br>
<form id="bmiform" name="bmiform" action="calculateinput.html">
<label for="height">Height</label>
<input type="text" name="height" id="height" value="enter height in meters">
<label for="weight">Weight</label>
<input type="text" name="weight" id="weight" value="enter weight in KG">
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>Gender</legend>
<label for="male">Male</label>
<input type="radio" name="gender" id="male" value="male" checked>
<label for="female">Female</label>
<input type="radio" name="gender" id="female" value="female">
</fieldset>
<label for="dreamweight">Dream Weight</label>
<input type="text" name="dreamweight" id="dreamweight" value="enter dream weight in KG">
<label for="age">Age</label>
<input type="text" name="age" id="age" value="enter age">
<label for="exercisefrequency">Exercise Frequency</label>
<select name="exercisefrequency" id="exercisefrequency">
<option value="hardlyexercise">Hardly Exercise</option>
<option value="exercise1to3timesaweek">Exercise 1 to 3 times a week</option>
<option value="exercise3to5timesaweek">Exercise 3 to 5 times a week</option>
<option value="exercise6to7timesaweek">Exercise 6 to 7 times a week</option>
<option value="intensiveexercisemorethan7timesaweek">Intensive Exercise more than 7 times a week</option>
</select><br>
<input type="button" value="Calculate" onclick="calculate()">
</form>
</div>
<div data-role="footer" style="text-align:center;">
Developed by The Dom
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</div>
</body>
</html>
您在if
语句中使用的是赋值,而不是相等性检查。
替换:
if (gender="male"){
else if(gender="female"){
带有:
if (gender==="male"){
else if(gender==="female"){
使用'==='进行比较,而不是使用this'='.'='用于将thr-rhs变量分配到lhs变量中,并使用"=="进行比较。
相关文章:
- 这个条件语句的逻辑有问题
- 如何检查if/else语句中的随机条件
- 使用条件语句,使 jquery fadeIn/fadeOut 仅在视口 >= 480px 时才有效
- 照片滑块的条件语句
- 使用解析为javascript源的.php,如何使用条件语句将javascript代码封装在php括号之间
- KnockoutJS:为虚拟元素使用嵌套的条件if语句
- 在if语句注释的条件内指定变量的值
- Javascript/C# - 满足语句条件时的确认对话框
- 如何将窗口[VariableName]设置为if语句条件
- if 语句条件由 javascript 中 if 语句内的内容触发
- if 语句条件逻辑
- 函数声明,就像语句条件一样
- 如何减少“如果语句”条件?[减少 if 语句中的条件]
- if语句条件检查!= "undefined"失败
- If语句条件满足,但内容未执行
- AngularJS在ng-repeat语句中的if语句条件
- 变量中用作if语句条件的字符串
- Javascript如果语句条件不满足
- if 语句 - 条件评估时间(Javascript)
- 数组中指定的 if 语句条件