如何在屏幕上显示价值

Question

form

嗨，我想创建一个注释部分，因此当我输入一些文本并单击“发送”时，它将在下面显示已输入的内容。我想知道我将如何实施。我是新手。

customeVue.js

   $('#sendbutton').click(function() {
    var name = $('#comments').val();
 });

index.html

 <div id="commentSpace" class="form-group">
     <input type="text" id="comments" autocomplete="off">
     <button id ="sendbutton">send</button>
 </div>

Answer 1

您只需要在要将注释放置到input.value的位置上设置innerHTML

var text="";
$('#sendbutton').click(function() {
    var name = $('#comments').val();
    
        text = text + name + "<br>";
        document.getElementById('text').innerHTML = text;
        
        $('#comments').val("");
    
 });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<div id="commentSpace" class="form-group">
     <input type="text" id="comments" autocomplete="off" />
     <button id ="sendbutton">send</button>
 </div>
 <div id='text'>
 </div>