用js编写一个评论留言板代码

非常感谢您的提问，我可以为您提供以下的 JavaScript 评论留言板代码参考：

HTML 代码：

<div id="comments">
  <h2>留言板</h2>
  <form id="comment-form">
    <input type="text" id="name" placeholder="请输入您的姓名">
    <textarea id="message" placeholder="请输入您的留言"></textarea>
    <button type="submit">提交留言</button>
  </form>
  <ul id="comments-list"></ul>
</div>

JavaScript 代码：

const commentsList = document.getElementById('comments-list');
const commentForm = document.getElementById('comment-form');

commentForm.addEventListener('submit', submitComment);

function submitComment(e) {
  e.preventDefault();

  const nameInput = document.getElementById('name');
  const messageInput = document.getElementById('message');

  // 获取输入框的内容
  const name = nameInput.value;
  const message = messageInput.value;

  if (!name || !message) {
    alert('请输入姓名和留言内容！');
    return;
  }

  // 创建新的留言对象
  const comment = {
    name,
    message,
    timestamp: Date.now(),
  };

  // 清除输入框的内容
  nameInput.value = '';
  messageInput.value = '';

  // 将新的留言对象添加到留言列表中
  addComment(comment);
}

function addComment(comment) {
  const commentItem = document.createElement('li');

  const commentHTML = `
    <div class="comment-header">
      <span class="comment-name">${comment.name}</span>
      <span class="comment-timestamp">${formatDate(comment.timestamp)}</span>
    </div>
    <div class="comment-message">${comment.message}</div>
  `;

  commentItem.innerHTML = commentHTML;

  // 将新的留言对象添加到留言列表中
  commentsList.appendChild(commentItem);
}

function formatDate(timestamp) {
  const date = new Date(timestamp);

  const year = date.getFullYear();
  const month = padZero(date.getMonth() + 1);
  const day = padZero(date.getDate());
  const hour = padZero(date.getHours());
  const minute = padZero(date.getMinutes());
  const second = padZero(date.getSeconds());

  return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
}

function padZero(num) {
  return num < 10 ? `0${num}` : num;
}

使用这段代码，您可以在网页中添加一个留言板，并让用户提交留言。提交的留言将会显示在留言板下方，您可以自定义留言的样式和布局。