Javascript 将用户输入发送到div

Javascript 将用户输入发送到div,javascript,html,Javascript,Html,您好,我这里有一个关于向html文档的div部分发送用户输入的快速问题。我之前问过这个问题,它似乎太宽泛了,所以这次我将尝试更具体一些 我试图将用户输入发送到send按钮的div onclick,但每次代码只是更改文本,而不是打印下一个文本。我很好奇我在这方面做错了什么。谢谢阅读,这是我的代码 <div id="out"</div> <input type="text" name="textIn" id="txtin"> <input type="button

您好,我这里有一个关于向html文档的div部分发送用户输入的快速问题。我之前问过这个问题,它似乎太宽泛了,所以这次我将尝试更具体一些

我试图将用户输入发送到send按钮的div onclick,但每次代码只是更改文本,而不是打印下一个文本。我很好奇我在这方面做错了什么。谢谢阅读,这是我的代码

<div id="out"</div>
<input type="text" name="textIn" id="txtin">
<input type="button" value="Hit me" onclick="hello()"></input>
<script>
 function hello() {
    document.getElementById("out").innerHTML = 
    document.getElementById('txtin').value + "<br />"
}
</script>

您有一些语法错误,请修复它,它将正常工作


函数hello(){
document.getElementById(“out”).innerHTML+=
document.getElementById('txtin').value+“
” }
如果要附加到现有文本,请在函数中使用+=而不是=:

function hello() {
    document.getElementById("out").innerHTML += 
    document.getElementById('txtin').value + "<br />"
}
函数hello(){ document.getElementById(“out”).innerHTML+= document.getElementById('txtin').value+“
” }
您可以使用在结束之前传递第一个参数

var out=document.getElementById('out'),
txtin=document.getElementById('txtin');
函数hello(){
out.insertAdjacentHTML('beforeend',txtin.value+'
'); }

首先修复此问题:
然后@Jay Buckman回答正确非常感谢,我以后会尽量记住这一点:D