JS单击评论时，显示评论输入框和发布按钮

好的，可以按照以下代码实现：

首先，在 HTML 文件中添加一个评论区的容器，如 `<div id="comment-section"></div>`。

然后，在 JavaScript 中获取该容器的引用，并创建一个评论输入框和发布按钮：

const commentSection = document.getElementById('comment-section');  // 获取评论区容器
const commentInput = document.createElement('textarea');  // 创建评论输入框
const commentBtn = document.createElement('button');  // 创建发布按钮

// 设置发布按钮的文本和点击事件
commentBtn.textContent = '发布';
commentBtn.addEventListener('click', () => {
  const comment = commentInput.value;  // 获取用户输入的评论
  // 处理发布评论的逻辑
});

// 将评论输入框和发布按钮添加到评论区容器中
commentSection.appendChild(commentInput);
commentSection.appendChild(commentBtn);

// 隐藏评论输入框和发布按钮
commentInput.style.display = 'none';
commentBtn.style.display = 'none';

接下来，为评论区容器添加一个单击事件监听器，在单击时显示评论输入框和发布按钮：

commentSection.addEventListener('click', () => {
  commentInput.style.display = 'block';
  commentBtn.style.display = 'block';
});

这样，当用户单击评论区时，就会显示评论输入框和发布按钮，用户可以输入评论并发布。

希望这个代码能够帮助您实现所需功能。