JavaScript函数将表格单元格值设为NaN而非目标整数的问题求助

出现NaN的核心原因是直接用DOM元素对象参与数学运算，而非元素的数值内容，再加上几处语法/代码规范问题，导致计算失效。以下是具体修复方案：

1. 修复ID冲突问题 #

HTML中label和input使用了相同的ID（如kordused同时给了标签和输入框），这会导致document.getElementById无法准确获取目标元素。修改label的关联方式，改用for属性绑定input的ID：

<!-- 修改后的输入区域代码 -->
<label for="kordused">Korduste arv</label>
<input id="kordused" type="number">
<br>
<label for="raskus">Raskus (kg)</label>
<input id="raskus" type="number">

2. 传递输入框的数值而非元素对象 #

按钮的onclick事件里，你传递的是DOM元素本身，不是输入框的数值。需要改为获取元素的value属性：

<button onclick="kalkulaator(document.getElementById('raskus').value, document.getElementById('kordused').value)">Sisesta</button>

3. 将字符串输入转为数字并处理无效值 #

输入框的value是字符串类型，直接参与运算会得到NaN。同时要处理空输入或非数字的情况：

function kalkulaator(raskusStr, kordusedStr) {
    // 转成数字，空值或非数字则设为0
    const raskus = parseFloat(raskusStr) || 0;
    const kordused = parseFloat(kordusedStr) || 0;

    // 避免除数为0的情况
    if (kordused === 0) {
        alert("请输入有效的重复次数");
        return;
    }

    // 计算逻辑
    const sada = Math.ceil(raskus / (1.0278 - (0.0278 * kordused)));
    const uheksakmndviis = Math.ceil(sada * 0.95);

    // 直接通过ID更新单元格，比rows/cells更直观
    document.getElementById("th2").innerHTML = sada.toString();
    document.getElementById("th5").innerHTML = uheksakmndviis.toString();
}

4. 清理无效代码 #

原JavaScript函数最后一行的se是无效代码，会导致函数执行报错，必须删除。

额外优化建议 #

• 给输入框添加required属性，强制用户输入内容：<input id="kordused" type="number" required>
• 在计算前先验证输入是否为有效数字，避免不必要的运算

内容的提问来源于stack exchange，提问作者Chris Matsiselts