Javascript 如何将按钮的值发送到文本框？

我想创建一个value=“7”（字符串）或value=7（双精度）的按钮

我还想要一个文本框，当我点击所说的按钮时，数字7或字符串“7”也应该被写入该文本框

我的按钮：

<input type="button" name="btnSeven" id="btnSeven" value="7" onclick="setText7()"  />

我的文本框：

<input type="text" name="textBox" id="textBox" value=""/>

给你：

window.onload = function() {
    document.getElementById('btnSeven').addEventListener('click', function(){
        document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnSeven').value;
    });
}

从button对象获取

.value

时，如果是int或double，它将始终返回字符串event

希望对您有所帮助。

请使用以下内容：

<script>
    function setText7(obj){
    var val = obj.value;
    console.log(val);
    document.getElementById('textBox').value = val;
}
</script>
<input type="button" name="btnSeven" id="btnSeven" value="7" onclick="setText7(this)">
<input type="text" name="textBox" id="textBox" value=""/>

函数setText7（obj）{
var val=目标值；
控制台日志（val）；
document.getElementById（'textBox'）。value=val；
}

下面是工作演示：

函数getthevalue（）{ document.getElementById（'btnSeven'）。addEventListener（'click'，function（）{ document.getElementById（'textBox'）。value=document.getElementById（'textBox'）。value+ document.getElementById（'btnSeven'）。值；

---

})};好的，但如果我们有两个以上的按钮，我们想让文本框记住最后一个数字呢。例如，我们点击7按钮，它将键入7，然后点击5按钮，我们将在文本框中有75个，如何做到这一点？非常感谢。现在我有另一个问题，也许你们知道当我点击btnOne->btn0->btnPlus->btn2->btn1->btnEqual时如何得到这个表达式，我想得到这个表达式：10+21=在点击btnEqual中的I之后，我想得到这个表达式的和，在文本框31中只得到一个值，就像在简单的windows计算器中一样。如何做到这一点？发布一个未格式化的代码作为答案只会让你的选票下降。

<div class="container">
    <input type="button" name="btnSeven" id="btnSeven" value="7" onclick="getthevalue()" />
    <input type="text" name="textBox" id="textBox" value="" />
    <h3 id="res"></h3>
</div>

function getthevalue() {
    document.getElementById('btnSeven').addEventListener('click', function() {
        document.getElementById('textBox').value = document.getElementById('textBox').value +
            document.getElementById('btnSeven').value;
    });
};