javascript简易留言板
时间: 2023-11-25 13:46:07 浏览: 109
以下是一个简易的 JavaScript 留言板的代码示例:
HTML 代码:
```
<div>
<input type="text" id="name" placeholder="请输入您的姓名">
<textarea id="message" placeholder="请输入留言内容"></textarea>
<button onclick="addMessage()">提交留言</button>
</div>
<div id="messageList"></div>
```
JavaScript 代码:
```
function addMessage() {
var name = document.getElementById("name").value;
var message = document.getElementById("message").value;
var messageList = document.getElementById("messageList");
var newMessage = document.createElement("div");
newMessage.innerHTML = "<strong>" + name + ":</strong>" + message;
messageList.appendChild(newMessage);
}
```
这个留言板包含一个输入姓名和留言内容的表单,以及一个提交按钮。当用户点击提交按钮时,JavaScript 代码会获取表单中的姓名和留言内容,并将它们添加到留言列表中。
阅读全文