Question

嘿，我有这个代码，我想在标题下面添加评论。但是现在我点击提交后发送标题并按下按钮。但是我希望它们保持不变，以便文本输入显示在按钮下方。提前谢谢！

＆＃13;

    <html>
    <body>
    
    <h1>Add comment below</h1>
    
        
        <label for="vname">Comment:
        <input type="text" id="vname" name="vname">
        <input type="submit" value="Submit" onclick="addComment()">
        
        <script>
        function addComment()
            {
             var vname = document.getElementById("vname").value;
             document.write(vname);
            }
            </script>
    </body>
    </html>

＆＃13;

Answer 1

<html>
    <body>
    
    <h1>Add comment below</h1>
    
        
        <label for="vname">Comment:</label>
        <input type="text" id="vname" name="vname">
        <input type="submit" value="Submit" onclick="addComment()">
        
        <ul id="comments"></ul>
      
        <script>
        function addComment()
            {
              var vname = document.getElementById("vname").value;
              var li = document.createElement('li');
              li.innerText = vname;
              document.getElementById('comments').appendChild(li);
              document.getElementById("vname").value = '';
              document.getElementById("vname").focus();
            }
         </script>
    </body>
    </html>

在标题下面添加评论

1 个答案: