2015-11-09 149 views
0

我目前正试图开发一个简单的移动应用程序,计算你的BMI,BMR等条件语句忽略

有两个不同的公式来计算男性和女性的BMR。

对于男性:66+(13.7 *重量)+(5×高度×100) - (6.8×年龄)

对于女性:655+(9.6 *重量)+(1.8×高度×100) - (4.7 *年龄)

问题: 我利用了,如果else语句,因此如果用户在formpage点击“男性”单选按钮,应用程序会识别出用户是男性,并使用男性BMR公式来计算他的BMR。男性BMR的计算进行得很顺利,结果显示在calculateinput.html页面

E.g.如果体重= 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); 
 
} \t 
 
else if(gender="female"){ 
 
calculatedbmr=655+(9.6 * weight)+(1.8 * height * 100)-(4.7 * age); \t 
 
} 
 
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){ 
 
        \t weightcategory = "Underweight"; 
 
         } 
 
         else if ((mybmi>=18.5)&&(mybmi<=24.99)){ 
 
        \t weightcategory = "Normal Weight"; 
 
         } 
 
         else if ((mybmi>=25)&&(mybmi<=29.99)){ 
 
        \t weightcategory = "Overweight"; 
 
         } 
 
         else if ((mybmi>=30)&&(mybmi<=34.99)){ 
 
        \t weightcategory = "Class 1 Obesity"; 
 
         } 
 
         else if ((mybmi>=35)&&(mybmi<=39.99)){ 
 
        \t weightcategory = "CLass 2 Obesity"; 
 
         } 
 
         else if (mybmi>=40){ 
 
        \t 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"> 
 
        
 
\t \t \t   <div data-role="header"> 
 
\t \t \t \t  <a href="#" onclick="home()" class="ui-btn ui-icon-home ui-btn-icon-left">Home</a> 
 
\t \t \t \t  <h1>BMI Calculator</h1> 
 
\t \t \t   </div> \t 
 
\t \t \t 
 
\t \t \t   <div data-role="main" class="ui-content"> 
 
\t \t \t   <b>Your Results:</b><br><br> 
 
\t \t \t   Your weight category: <script>document.write(weightcategory)</script><br><br> 
 
\t \t \t   Your BMI is : <script>document.write(mybmi)</script><br><br> 
 
\t \t \t   <script>document.write(theloseorgainmessagethatappears)</script><br><br> 
 
\t \t \t   Your BMR is : <script>document.write(thebmrrate)</script> <br><br> 
 
\t \t \t   
 
\t \t \t   Weight Difference: <script>document.write(theweightdifference)</script> 
 
\t \t \t   
 
\t \t \t   </div> \t 
 
\t \t \t 
 
\t \t \t   <div data-role="footer" style="text-align:center;"> 
 
\t \t \t   Developed by The Dom   
 
        </div> 
 
        
 
\t    \t </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(); 
 
       }   \t \t 
 
       </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>

+0

=是赋值,==是比较,===是严格比较 –

+0

如果你在内部条件中有错误的放置'='和'==',你也可以使用* yoda条件*表示'“男性= = gender'(相反的条件..而不是'gender ==“male”'),如果您尝试使用单个'=',则会产生错误。但我强烈建议你检查一下,并学习使其始终成为例行公事的一部分。帮助:总是认为是否值得使用'=='或'==='。 tripple意味着严格,并且还会检查像if(false ==='false')'这样会忽略内部块的实例,因为第二个是字符串而不是布尔值。 –

+0

而不是yoda条件,我会建议使用适当的IDE,将在if语句中的任务中抛出错误。 – Cerbrus

回答

5

您使用的分配,而不是在你的if陈述平等检查。

替换:

if (gender="male"){ 
else if(gender="female"){ 

有了:

if (gender==="male"){ 
else if(gender==="female"){ 
+0

我用===和==取代了=。这两个更改给了我一个未定义的变量错误。无论如何,我曾经做过一些PHP,我想这就是为什么我习惯于使用单个=而不是==和===或比较。严重的错误! – Dominic

+0

什么是错误_exactly_? – Cerbrus

+0

“您的BMR是:undefined”出现在calculateinput.html – Dominic

0

使用 '==' 的比较,而不是这个 '='。 '='用于将thr rhs变量分配给lhs变量和'=='进行比较。

+0

您应该使用''==='''而不是''=='''。看到这里:http://stackoverflow.com/a/359509/1916362 –