如何向input元素添加文本？按钮触发赋值无效问题求助

尝试通过按钮点击向input元素追加文本：修改textContent时确实能改变属性值，但输入框不显示内容；调整.value也没效果。

代码如下：

const buttons = document.querySelectorAll(".row button");
for (let i = 0; i < buttons.length; i++)  {
    buttons[i].addEventListener("click", function() {
        document.querySelector("input").value += buttons[i].value;
    })  
}

查了很多方案都说是修改.value，但就是没用，很困惑。

编辑：感谢大家，原来是个容易忽略的小问题。

• 按钮未设置value属性：代码里依赖buttons[i].value，如果按钮标签仅写了显示文本（比如<button>1</button>）而未声明value，那buttons[i].value为空字符串，追加后input自然没变化。可以改成取按钮文本：buttons[i].textContent.trim()。
• input选择器匹配错误：document.querySelector("input")可能选中了页面上其他input（比如隐藏项、更早出现的输入框），导致修改的不是目标元素。建议给目标input加id（比如<input id="calcInput">），用document.getElementById("calcInput")精准获取。
• 事件绑定未生效：检查.row button选择器是否正确匹配到目标按钮，可在循环里加console.log(buttons[i])验证元素是否获取成功，或在点击事件内加console.log("clicked")确认事件是否触发。
• input属性限制：如果目标input设置了disabled或readonly属性，修改.value也不会在输入框显示内容，检查input的属性配置是否正常。

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