gpt4 book ai didi

javascript - 从输入中获取值并在 div 中显示

转载 作者:行者123 更新时间:2023-12-02 13:57:51 28 4
gpt4 key购买 nike

我试图在用户输入时获取输入的值并将其显示在其下方的 div 中。我想用 vanilla js 来做。没有 j 查询。

我的 HTML:

<div id="userInputBox">
<input id="inputText" type="text"
placeholder="Enter your question" size = "50" onkeyup="myDisplay()"/>
</div>
<div class="displayQuestion"></div>

我的JS:

var input = document.getElementById('inputText').value;
var showQuestion = document.getElementsByClassName('displayQuestion');
function myDisplay(e){
showQuestion.innerHTML = input;
}

最佳答案

试试这个:

function myDisplay(e) {
var input = document.getElementById('inputText').value;
var showQuestion = document.getElementById('displayQuestion');
showQuestion.innerHTML = input;
}
<div id="userInputBox">
<input id="inputText" type="text"
placeholder="Enter your question" size = "50" onkeyup="myDisplay(this.value)"/>
</div>
<div id="displayQuestion"></div>

关于javascript - 从输入中获取值并在 div 中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40574778/

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