准前端开发者求助：计算器事件监听器无法返回计算值问题

核心问题出在input元素的赋值方式上：你用了textContent来设置结果框的内容，但input元素的内容是通过value属性控制的，textContent只适用于普通文本元素（如div、p），对input完全无效。

看你代码里的点击事件：

add.addEventListener("click", function() {
    res.textContent = in1.valueAsNumber + in2.valueAsNumber;
    console.log(res);
});

这里的res是id为result的input元素，必须把res.textContent改成res.value，才能正确把计算结果显示到输入框里。另外你console.log(res)输出的是DOM元素对象本身，这是正常的，如果你想打印结果，应该改成console.log(res.value)。

另外补充一个细节：如果输入框为空，valueAsNumber会返回NaN，相加后结果也是NaN，可以加个简单判断处理这种情况。

修正后的完整script代码：

function buttons() {
    var in1 = document.getElementById("input1");
    var in2 = document.getElementById("input2");
    var res = document.getElementById("result");
    var add = document.getElementById("button1");
    var sub = document.getElementById("button2");
    var mul = document.getElementById("button3");
    var div = document.getElementById("button4");

    add.addEventListener("click", function() {
        const num1 = in1.valueAsNumber;
        const num2 = in2.valueAsNumber;
        // 处理输入为空的情况
        if (isNaN(num1) || isNaN(num2)) {
            res.value = "请输入有效数字";
            return;
        }
        res.value = num1 + num2;
        console.log(res.value); // 打印结果而非元素
    });
}

buttons()

测试一下，点击加法按钮就能正常显示计算结果了。

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