JavaScript中简单代谢率的计算

Question

我已经写了一段代码

1. 将“基础代谢率”与选项中的活性因子相乘，选择标签并提供每日所需热量。
2. 将每日所需热量乘以0.8，使卡路里减少20%

当我在浏览器中运行脚本时，它会出现以下错误

未定义的TypeError:无法设置未定义的属性值

我认为问题在于选择选项标签。我是新来的js，所以任何帮助都会很感激

HTML代码

<form name="form2" method="post">
    <fieldset>
        <p>
            <label>Input your BMR here</label>
            <input name="a">
        </p>
        <p>
            <label>Select your activity level</label>
            <select name="b">
                <option value="0.2" selected>No sport/exercise</option>
                <option value="0.375" >Light activity (sport/exercise 1-3 times per week)</option>
                <option value="0.55" >Moderate activity (sport/exercise 3-5 times per week)</option>
                <option value="0.725" >High activity (everyday exercise)</option>
                <option value="0.9" >Extreme activity (professional athlete)</option>
        </p>
        <input onclick=perc2() type=button value=Calculate>
        <p>
            <label>Your maintainence calories:</label>
            <input name="total1">
        </p>
        <p>
            <label>Calories required to lose weight</label>
            <input name="total2">
        </p>
        <input type=reset value=Reset>
    </fieldset>
</form>

Javascript

<SCRIPT>
<!--
    function perc2() {
         a = document.form2.a.value;
         b = document.form2.b.value;
         c = a*b
         d = c*0.8
         e = Math.round(c, 1)
         f = Math.round(d, 1)
         document.form2.total1.value = e
         document.form2.total2.value = f 
    }
    //-->
</SCRIPT>

Answer 1

在JavaScript中获取表单元素的正确方法是使用getElementById()

例如，在此代码中：

      a = document.form2.a.value;

A是未定义的，因为您使用了获取值的无效方法。相反，您应该使用：

a = document.getElementById("a").value;

编辑:还向输入字段添加一个id