前端两数求和功能点击按钮输出NaN，求代码问题排查

核心问题 #

你把a和b的赋值逻辑写在了全局作用域，页面加载完成时就会执行这两行代码——此时输入框num1和num2还没有用户输入的内容，parseFloat("")会返回NaN。当点击按钮调用getSum函数时，使用的还是这个初始的NaN值，自然会得到NaN + NaN = NaN的结果。

另外注意：你的HTML中引入的JS文件是interaction-simple.js，但你编写的JS文件名为prompt.js，文件名不匹配会导致JS代码无法加载，需要确保两者一致。

修正后的代码 #

将获取输入值的逻辑移到getSum函数内部，这样每次点击按钮时才会读取当前用户输入的最新内容：

function getSum() {
    let a = parseFloat(document.getElementById("num1").value);
    let b = parseFloat(document.getElementById("num2").value);
    // 可选：处理非数字输入的情况
    if (isNaN(a) || isNaN(b)) {
        document.getElementById("output").value = "请输入有效数字";
        return;
    }
    var sum = a + b;
    document.getElementById("output").value = sum;
}
answerBtn.addEventListener('click', getSum);

补充说明 #

• 把变量声明移到函数内部后，每次点击按钮都会重新获取输入框的实时值，彻底避免了初始空值导致的NaN问题。
• 添加isNaN判断后，当用户输入非数字内容时可以给出明确提示，提升交互体验。

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