javascript：如何将多个按钮中的值打印到单个文本字段中（一个值接一个值）？

我正在测试一些javascript，我想将数字打印到输入文本类型中。 我有三个按钮，每个按钮上都有一个数字。 到目前为止，每次我点击每个按钮都会打印数字。但是如果我打印两个按钮，或者一个按钮，两次，第一个数字就会被替换。 我想将每个数字打印到同一文本字段中。一个接一个。

这是我的表格：

<input type="text" name="resultado" id="resultado"/>
<input id="1" name="1" onClick="uno();" type="button" value="1"/> 
<input id="2" name="2" onClick="dos();" type="button" value="2"/> 
<input id="3" name="3" onClick="tres();" type="button" value="3"/>
...

---

我如何做到这一点此外，我知道应该有更好的方法打印出来，而不需要每个按钮都有一个功能？

不要使用

=

，它在旧值的基础上分配一个新值，试试

+=

，它在现有值的基础上附加一个值。

而不是使用

=

，如果在旧值上指定新值，请尝试

+=

，在现有值上追加一个值。

正如@meagar所说，使用

+=

运算符而不是

=

。但是关于“不需要每个按钮都有一个函数就可以打印出来的更好方法”：使用如下函数的参数：

function appendToField(number){
    document.getElementById('resultado').value+=number;
}

和html：

<input type="text" name="resultado" id="resultado"/>
<input id="1" name="1" onClick="appendToField(1);" type="button" value="1"/> 
<input id="2" name="2" onClick="appendToField(2);" type="button" value="2"/> 
<input id="3" name="3" onClick="appendToField(3);" type="button" value="3"/>

---

正如@meagar所说，使用

+=

操作符而不是

=

。但是关于“不需要每个按钮都有一个函数就可以打印出来的更好方法”：使用如下函数的参数：

function appendToField(number){
    document.getElementById('resultado').value+=number;
}

和html：

<input type="text" name="resultado" id="resultado"/>
<input id="1" name="1" onClick="appendToField(1);" type="button" value="1"/> 
<input id="2" name="2" onClick="appendToField(2);" type="button" value="2"/> 
<input id="3" name="3" onClick="appendToField(3);" type="button" value="3"/>

---

您只需执行以下操作：

<input type="text" name="resultado" id="resultado"/>
<input id="1" name="1" onClick="document.getElementById('resultado').value+=this.id" type="button" value="1"/> 
<input id="2" name="2" onClick="document.getElementById('resultado').value+=this.id" type="button" value="2"/> 
<input id="3" name="3" onClick="document.getElementById('resultado').value+=this.id" type="button" value="3"/>

---

您可以简单地执行以下操作：

<input type="text" name="resultado" id="resultado"/>
<input id="1" name="1" onClick="document.getElementById('resultado').value+=this.id" type="button" value="1"/> 
<input id="2" name="2" onClick="document.getElementById('resultado').value+=this.id" type="button" value="2"/> 
<input id="3" name="3" onClick="document.getElementById('resultado').value+=this.id" type="button" value="3"/>