如何在我的评论框中添加评论选项，以便评论显示在评论框下方？

Question

如何在我的评论框中添加评论选项，以便评论显示在评论框下方？

我已准备好评论框，但只缺少此附录。

我的html...

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Comment Box</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
   
    <input type="text" id="my-text" placeholder="Enter comment">
    <p id="result"></p>
    <button id="post">Post</button>
    <ul id="unordered">
       
   </ul>
   
    <script src="code.js"></script>
</body>
</html>

我的..


var myText = document.getElementById("my-text");
var result = document.getElementById("result");
var limit = 140;
result.textContent = 0 + "/" + limit;

myText.addEventListener("input",function(){
    var textLength = myText.value.length;
    result.textContent = textLength + "/" + limit;

    if(textLength > limit){
        myText.style.borderColor = "#ff2851";
        result.style.color = "#ff2851";
    }
    else{
        myText.style.borderColor = "#b2b2b2";
        result.style.color = "#737373";
    }

});

我试图根据这段代码解决它 - https://linuxhint.com/create-comment-box-using-html-css-javascript/ - 但我找不到解决方案，我不明白它怎么可能做完了。 有任何想法吗？

Answer 1

我认为您必须使用和 appendChild 将 li 添加到 ul 的列表中

您正在尝试做的事情，您可以在其他网站上找到更多帮助或信息，这些网站被命名为“个人推特”或“待办事项列表”。 rest的代码看起来不错，但是你只需要加上这个appendChild，就可以把数据写到html了:)

您也可以使用此视频，并将其用作参考。

如何在我的评论框中添加评论选项，以便评论显示在评论框下方？

问题描述

1 个解决方案

解决方案1
0 2022-11-16 14:54:23

如何在我的评论框中添加评论选项，以便评论显示在评论框下方？

问题描述

1 个解决方案

解决方案1 0 2022-11-16 14:54:23

解决方案1
0 2022-11-16 14:54:23