简易计算器程序代码:BMR计算器程序(bmr cal)

我已经创建了一个应用程序来计算 BMR。这是我写到目前为止:你只需在 CM 中输入你的身高,并在 Kilograms 中输入体重。但是,当我将计算 BMR 时,按钮不起作用。

                     <tr>
                     <td class="height">Your Height<strong></strong>
                     </td>
                     <td>
                     <input type="number" name="height" id="height" tabindex="7" value="height" min="50"  >Centimeter
                     </td>
                     </tr>
                 
               
                
                  <tr>
                     <td class="weight">Your Weight<strong></strong></td>
                     <td>
                     <input type="number" id="weight" name="Weight" tabindex="13" value="weight" min="100" >Kilograms
                     </td>
                  </tr>
        
                      
                    <p>
                        Select your activity level:
                    </p>
                    
                        
                    
                      <td class="activity">
                     <tr><td><input type="radio" name="activity" id="activity" tabindex="15" value="1.53"> Rarely or no exercise </td></tr>
                     <tr><td><input type="radio" name="activity" id="activity" tabindex="17" value="1.76"> Ligthly or 1 - 3 days per week  </td> </tr>
                     <tr><td><input type="radio" name="activity" id="activity" tabindex="19" value="1.76"> Moderate or 3-5 days per week </td></tr>
                     <tr><td><input type="radio" name="activity" id="activity" tabindex="21" value="2.25"> Active or 6-7 days per week  </td> </tr>
                     <tr><td><input type="radio" name="activity" id="activity" tabindex="23"  value="2.25"> Super active or very hard exercise</td></tr>
                      </td>
                     <td>
                        <input type="on" value="Calculate_bmr" onclick="Calculate_bmr()";>
                        <on type="reset" onclick="clearErr()">Reset</on>
                     </td>
                    </table>
                    
                    
                
</form>
<script src="Assignment1.js"></script>

这是我的功能

函数 Calculate_bmr () {

   var bmr;
var age = document.getElementsByName("age").Value;
var gender = document.getElementsByName("gender").value;
var height = document.getElementsByName("height").value;
var weight = document.getElementsByName("weight").value;
var activity = document.getElementsByName("activity").value;

}

我知道这很可怕。我一整天都在努力,不知道哪里出错了。

开关 (活动) {

case "1.53":
if(gender = "male"){
    bmr = (66.5 + (13.75 * weight) + (5.003 * height) + (6.755 * age)) * 1.53;
    window.alert(bmr);
    break;
} else {
    bmr = (655 + (9.563*weight) + (1.850*height) + (4.676*age)) * 1.53;
    break;
}
case "1.76":
    if(gender = "male"){
        bmr = (66.5 + (13.75*weight) + (5.003*height) + (6.755*age)) * 1.76;
        window.alert(bmr);
        break;
    
    } else {
    
        bmr = (655 + (9.563*weight) + (1.850*height) + (4.676*age)) * 1.76;
        break;
    
    }
case "2.25":
    if(gender = "male"){
        bmr = (66.5 + (13.75*weight) + (5.003*height) + (6.755*age)) * 2.25;
        window.alert(bmr);
        break;
    
    } else {
    
        bmr = (655 + (9.563*weight) + (1.850*height) + (4.676*age)) * 2.25;
        break;
    
    }
}
0

所以,为了让你得到的活动的价值,你需要在每个循环,并检查它的“检查”或不,并得到它的价值。

function Calculate_bmr(){
var bmr;
var elements_activity = document.getElementsByName('activity');
var activity;
elements_activity.forEach(e => {
  if (e.checked) {
    //if radio on is checked, set the value
    //you can get the value of activity by checking each loop of the elements activity
    activity = e.value;
  }
});
alert(activity);
}
<p>
                        Select your activity level:
                    </p>
                    
                        
                    
                      <td class="activity">
                     <tr><td><input type="radio" name="activity" id="activity" tabindex="15" value="1.53"> Rarely or no exercise </td></tr>
                     <tr><td><input type="radio" name="activity" id="activity" tabindex="17" value="1.76"> Ligthly or 1 - 3 days per week  </td> </tr>
                     <tr><td><input type="radio" name="activity" id="activity" tabindex="19" value="1.76"> Moderate or 3-5 days per week </td></tr>
                     <tr><td><input type="radio" name="activity" id="activity" tabindex="21" value="2.25"> Active or 6-7 days per week  </td> </tr>
                     <tr><td><input type="radio" name="activity" id="activity" tabindex="23"  value="2.25"> Super active or very hard exercise</td></tr>
                      </td>
                     <td>
                        <input type="on" value="Calculate_bmr" onclick="Calculate_bmr()";>
                        <on type="reset" onclick="clearErr()">Reset</on>
                     </td>
                    </table>

在获得活动的值之后。请记住,身高,体重和活动都是字符串,您需要将其转换为数字,以便执行任何操作,例如

bmr = (66.5 + (13.75 * weight) + (5.003 * height) + (6.755 * age)) * 1.53;

但开关的情况下,你有要求一个字符串“1.53,1.76,2.25”,所以你需要转换的活动后,开关的情况:

因此,将字符串转换为数字:您可以使用 PInt 或 Number,只需在此处了解更多https://www.w3schools.com/jsref/jsref_pint.asp

本站系公益性非盈利分享网址,本文来自用户投稿,不代表边看边学立场,如若转载,请注明出处

(501)
加减法自动出题小程序:3表加减法(addition subtraction table)
上一篇
六角头螺栓c级:如何制作六角按钮(hexagon swing)
下一篇

相关推荐

  • comeandgetyourlove音乐爱就在你身边

    Come and Get Your Love是一首热门的歌曲,由美国摇滚乐队Redbone演唱。这首歌曲于1974年发行,被收录在他们的专辑《Wovoka》中。歌曲以放克曲风为主,旋律活泼,曲调悠扬,歌词朗朗上口,深受歌迷喜爱。…

    2023-06-29 07:47:31
    0 62 95
  • css预编译器: center;}

    CSS预编译器是一种用于构建CSS的工具,它可以将CSS代码转换为更易于管理和维护的格式。它们可以使CSS代码更加灵活,更易于重用,并且可以帮助开发人员更轻松地组织和管理CSS代码。…

    2023-04-30 05:19:08
    0 89 84
  • python中predict函数参数:如何使用Python的predict函数进行机器学习预测

    示例示例predict函数是scikit-learn中的一个函数,用于预测新样本的输出结果。参数:…

    2023-03-30 08:03:12
    0 33 28
  • canvas 官网Bring Your Ideas to Life with Creative Artwork

    Canvas 官网是一个用于创建图形的 HTML5 API,它可以在浏览器中使用 JavaScript 来绘制 2D 图形。它提供了一个可以在网页上绘制图形的强大工具,可以用来创建动画、游戏、数据可视化等。…

    2023-02-28 09:52:08
    0 40 59
  • qt creator快速入门 第3版 pdf从零开始

    Qt Creator快速入门第3版是一本关于Qt Creator的教程书,旨在帮助读者快速掌握Qt Creator的使用。书中介绍了Qt Creator的基本功能,如如何创建项目、编辑代码、调试代码以及创建应用程序等等。书中还提供了一些实例代码,帮助读者更好地理解Qt Creator的用法。…

    2023-05-16 03:03:33
    0 53 18
  • cherry键盘win键不能用:解决Cherry键盘Win键无法使用的措施

    如果您的cherry键盘win键不能用,可能是由于系统设置问题导致的。下面提供一些代码,可以帮助您解决这个问题:打开“控制面板”,然后点击“硬件和声音”,打开“键盘”选项卡。…

    2023-08-27 03:36:33
    0 91 70
  • certificate意思一步一步指南

    示例示例是一种用于证明某个人或机构拥有某种资格或资质的文件。它可以是一种认证,也可以是一种奖励或认可。代码示例:…

    2023-09-14 15:01:58
    0 95 60
  • win10系统ctrl加c不能复制:解决win10系统下Ctrl+C不能复制的问题

    解决方案解决方案答:可能是由于系统快捷键被修改所导致的,可以尝试恢复系统默认快捷键;…

    2023-04-15 00:45:32
    0 13 84

发表评论

登录 后才能评论

评论列表(16条)