如何使用JavaScript编写一个评论系统?

步骤：

1. 创建一个 div 元素来存储评论。
2. 创建一个 textarea 元素来输入评论内容。
3. 创建一个 button 元素来提交评论。
4. 使用 JavaScript 添加事件处理程序，当用户点击提交按钮时触发事件。
5. 在事件处理程序中获取评论内容并将其添加到 div 元素中。
6. 使用 console.log() 等方法打印评论内容。

代码：

const commentDiv = document.getElementById('comment-div');
const commentTextarea = document.getElementById('comment-textarea');
const commentButton = document.getElementById('comment-submit');

commentButton.addEventListener('click', () => {
  const comment = commentTextarea.value;

  commentDiv.innerHTML += `
    

      用户名： ${username}
      
${comment}
    
  `;

  commentTextarea.value = '';
});

** HTML 文件：**

  





提交

使用方法：

1. 将代码中的 comment-div、comment-textarea 和 comment-submit 元素添加到你的 HTML 页面中。
2. 创建一个用户名和评论内容的 textarea 元素，并将其添加到 comment-textarea 元素中。
3. 创建一个按钮，并将其添加到 comment-submit 元素中。
4. 点击提交按钮，评论将被添加到 comment-div 元素中。

注意：

• 你需要在 HTML 文件中定义 username 变量，以存储用户名。
• 你可以根据你的需求修改评论格式，例如添加日期或用户名。