Question

单击“计算”按钮时很麻烦，它在结果字段中什么都没有显示。我该如何解决这个问题？

HTML代码：

<form name="do-form">
<p>BMR Calculator</p>
<p>Gender:
    <input type="radio" id="gender" name="gender" value="male">Male
    <input type="radio" id="gender" name="gender" value="female">Female
</p>
<p>Weight:&nbsp;<input type="number" name="weight" id="weight" size="10" maxlength="6" onkeyup="fieldCheck">&nbsp;kg</p>
<p>Height:&nbsp;<input type="number" name="height" id="height" size="10" maxlength="6" onkeyup="fieldCheck">&nbsp;cm</p>
<p>Age:&nbsp;<input type="number" name="age" id="age" size="10" maxlength="3" onkeyup="fieldCheck"></p>

<input type="submit" id="calculate" value="Calculate" alt="calculate" onclick="toCalculate()">

<input type="submit" id="clear" value="Clear" alt="clear"><br><br>

<label>BMR = &nbsp;<input id="result" type="text" name="result"  size="15" maxlength="10" />&nbsp;calories/day</label>

JavaScript代码：

<script>
window.onload = function toBmr() {
var gender = document.getElementById('gender');
var weight = document.getElementById('weight');
var height = document.getElementById('height');
var age = document.getElementById('age');
var result = document.getElementById('result');
var calculate = document.getElementById('calculate');
calculate.addEventListener('click', toCalculate);

    function toCalculate() {
        if(gender.value && weight.value && height.value && age.value) {
            if(gender.value[value] === 1) {
                result.value = 66.47 + (13.7 * weight.value) + (5.003 * height.value) - (6.755 * age.value);
                return result.toFixed(2);
            } 
            if(gender.value[value] === 2) {
                result.value = 655.1 + (9.563 * weight.value) + (1.85 * height.value) - (4.676 * age.value);
                return result.toFixed(2);
            }
        }
        if(!gender.value || !weight.value || !height.value || !age.value) {
            result.value = " ";
        }
    };
};

任何帮助都会很棒！谢谢！

为什么单击计算按钮结果不显示？

0 个答案: