javascript创建留言板

要创建一个JavaScript留言板，您需要完成以下步骤：

1. 在HTML页面中创建一个表单，用于输入留言的内容和提交表单的按钮。

<form>
  <label for="message">留言:</label>
  <textarea id="message" name="message"></textarea>
  <button type="submit">提交</button>
</form>

2. 在JavaScript中获取表单元素和留言板容器元素，并为提交按钮添加事件监听器。

const form = document.querySelector('form');
const messageInput = document.querySelector('#message');
const messageContainer = document.querySelector('#messages');

form.addEventListener('submit', event => {
  event.preventDefault();
  addMessage();
});

3. 在JavaScript中创建一个函数 `addMessage()`，用于将新留言添加到留言板容器中。

function addMessage() {
  const message = messageInput.value;
  const messageElement = document.createElement('div');
  messageElement.innerText = message;
  messageContainer.appendChild(messageElement);
  messageInput.value = '';
}

4. 在CSS中样式化留言板容器和留言元素。

#messages {
  border: 1px solid #ccc;
  padding: 10px;
  height: 200px;
  overflow-y: scroll;
}

#messages div {
  margin-bottom: 10px;
  padding: 5px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 5px;
}

完成以上步骤，您就可以创建一个简单的JavaScript留言板了。