结合Js和Html，制作一个体脂率计算器

Question

页面数据输入后，体脂率没有显示出来运算结果

源代码

 计算成绩等级   

性别：  <input type="radio" name="sex2" id="sex" checked="" />男 <input type="radio" name="sex2" id="sex" />女

年龄：  <input type="text" class="w" id="age" />

身高：<input type="text" class="w1" id="height" />(m)

体重：<input type="text" class="w1" id="weight" />(kg)

体脂率：  <input type="text" class="w" id="bfr" />

<input class="but" type="button" value="计算" /> 我是刚刚入门的，希望有人能帮忙看看，指导指导我，非常感谢，来自大学生的呐喊😱

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言

问题描述： 数据已经输入，但是运算结果体脂率没有显示出来。 问题分析： 根据所给代码，目前只是提供一个计算体脂率的框架，并没有实现计算和显示体脂率的具体代码实现。需要在点击计算按钮后，通过JavaScript代码来计算并显示出体脂率。 解决方案：

1. 为计算按钮添加点击事件监听器，当点击按钮时触发事件的回调函数。
2. 在回调函数中获取输入的身高和体重数据，并进行计算，得到体脂率的结果。
3. 将计算结果显示在页面上，可以通过innerHTML属性或value属性将结果显示在页面上的文本输入框中。 代码示例： HTML代码部分：

<center>
    <h1> 计算成绩等级 </h1>
    性别：
    <input type="radio" name="sex2" id="sex" checked="">男
    <input type="radio" name="sex2" id="sex">女
    年龄：<input type="text" class="w" id="age">
    身高：<input type="text" class="w1" id="height">(m)
    体重：<input type="text" class="w1" id="weight">(kg)
    体脂率：<input type="text" class="w" id="bfr">
    <input class="but" type="button" value="计算" onclick="calculateBFR()">
</center>

JavaScript代码部分：

function calculateBFR() {
    // 获取身高、体重、性别、年龄等信息
    let height = parseFloat(document.getElementById("height").value);
    let weight = parseFloat(document.getElementById("weight").value);
    let sex = document.getElementById("sex").checked ? "男性" : "女性";
    let age = parseInt(document.getElementById("age").value);
    // 计算体脂率
    // 假设以下公式是计算体脂率的方法
    let bfr = height / (weight * age);
    // 显示计算结果
    document.getElementById("bfr").value = parseFloat(bfr).toFixed(2);
}

注意事项： 1. 在计算体脂率之前，需要先对输入的数据进行类型转换，确保计算的正确性。 2. 这里只是假设了一种计算体脂率的方法，具体方法需要根据实际需求进行调整。 3. 这里仅提供一种JavaScript代码实现的解决方案，如果使用其他的编程语言实现，则具体方法需要进行相应的调整。