как бы показать значение на экране

Question

форма

Привет! Я хочу создать раздел комментариев, поэтому, когда я введу какой-то текст и нажму кнопку «Отправить», он покажет, что было введено внизу. я хотел знать, как я буду реализовывать. я новичок в этом деле.

custome Vue. 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

вам просто нужно установить внутренний HTML, где вы хотите разместить комментарий к input.value

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>