gpt4 book ai didi

JavaScript 如何通过按钮让键盘 Push() 新输入

转载 作者:行者123 更新时间:2023-12-03 04:32:55 25 4
gpt4 key购买 nike

标题有点令人困惑,因为我发现很难解释。基本上,我可以让 1 个输入按钮拥有一个 id 名称,JavaScript 函数会将其存储到变量中,并通过用该变量替换空段落标签来显示它。但是,我无法让它与具有相同功能的多个按钮一起使用,因为我试图让数字键盘与按钮一起使用,并让它显示结果。我想我需要使用 Push() 方法以某种方式添加值,然后单击提交按钮,然后显示结果字符串。我知道如何对已知变量使用推送,但我不知道如何对未知变量实现它:

    var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");

无论如何,我的代码在这里,输入按钮只有 1 个带有 i 的按钮,等等。欢迎 jQuery 答案,但我不喜欢 jQuery,因为我在询问 JavaScript。

<!DOCTYPE html>
<html>
<head>
<title>Desperate</title>

<script type="text/javascript">

function othername() {
var inputinput = document.getElementById("userInput").value;
var n = inputinput.length;
document.getElementById("demo").innerHTML = n;
}

</script>
</head>
<body>
<p id="demo"></p>
<input id="text" type="text">
</div>

<div>
<input id="userInput" type="button" value="1" onclick="othername();" />
<input id="btn2" type="button" value="2" onclick="othername();" />
<input id="btn3" type="button" value="3" onclick="othername();" />
</div>

</body>
</html>

非常感谢所有帮助!谢谢!

最佳答案

您应该以不同的方式绑定(bind) onclick 事件处理程序。然后,您可以检查“othername”函数中的传入事件并获取单击的元素的值。

<!DOCTYPE html>
<html>
<head>
<title>Desperate</title>

<script type="text/javascript">

function othername(e) {
var n = e.srcElement.value || '';
document.getElementById("demo").innerHTML = n;
}

</script>
</head>
<body>
<div>
<p id="demo"></p>
<input id="text" type="text">
</div>

<div id="btns">
<input id="userInput" type="button" value="1" />
<input id="btn2" type="button" value="2" />
<input id="btn3" type="button" value="3" />
</div>

<script>
var btnC = document.getElementById("btns");
btnC.onclick = othername;
</script>

</body>
</html>

关于JavaScript 如何通过按钮让键盘 Push() 新输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43414409/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com