Javascript 如何通过文本框向页面添加内容？

我希望我的页面上有这样一个文本框：按下enter按钮时，文本框的内容将添加到页面中。我还想在每次提交后休息一下

如何在HTML和JavaScript中实现这一点？

首先创建和元素，然后创建或选择a并给它一个类，我将使用class=content

然后使用这个加载时执行的简单脚本。基本上，当按下时，该功能首先检查是否为空，同时从开头和结尾的空格中删除。如果不是空的，则其内容将附加到元素的内部，后跟一个

---

别忘了将jQuery库链接到文档。

@AHolasek您是否正确地将jQuery库链接到文档？如果是这样的话，你能检查控制台是否有错误吗？完全相同的代码在控制台上工作是的，我正确链接了我的app.js。。。我在问我在devleague.com的一个朋友怎么做。他应该知道。你也必须把这个放在另一个脚本之前

<div>
   <textarea></textarea>
   <button>Add content</button>
</div>
<div class="content"></div>

$(document).ready(function(){
   $('button').click(function(){
      toAdd = $.trim($('textarea').val());
      if(toAdd !== ""){
         $('.content').append('<p>'+ toAdd + '</p><br>');
      }
   });
)};