HTML和Javascript表单提交

我是javascript新手，有一项任务就是创建类似这样的东西

当我在文本区域输入“某物”时，它将在按钮底部创建“某物”文本。 当我再次输入它时，它将在上一个文本的底部或上部创建文本。像

2点

一点

请帮帮忙。

检查此项

HTML

<div id='container'>
<textarea id='txt'></textarea>
<div id='contents'></div>
<button type='button' onclick="add()">Enter</button>
</div>

进入

JS

function add(){
var txt= document.getElementById('txt').value;
var content= document.getElementById('contents');
content.innerHTML+='<span>'+txt+'</span><br/>'
}

函数添加（）{
var txt=document.getElementById（'txt'）.value；
var content=document.getElementById（'contents'）；
content.innerHTML+=''+txt+'

}

这是一个很好的问题，但在获得帮助之前，您需要自己付出一些努力
记录。写下（“某物”）；如何在不删除表单的情况下在底部书写？我创建了表单和提交按钮，但我不知道如何使它显示在底部。我只是让它显示出来，但是表单不见了，为什么“容器”没有关闭？也不应该被转义吗？@username工作正常，检查小提琴。结束是一个很好的回答，谢谢你的回答，它让我的思想开阔了很多。我用内容交换位置，使文本显示在按钮后面。但是，如果我想使新textarea的值高于旧textarea的值，该怎么办？@Scramble检查这把小提琴：如果答案对你有帮助，你可能会接受。linefeed可能是个问题（如果你想要的话）。。。我可以提出我的解决方案吗？