帮我写一个点击发送按钮就可以把内容发送到输出框的html代码
以下是一个简单的例子,点击发送按钮将输入框中的内容添加到输出框中:
<!DOCTYPE html>
<html>
<head>
<title>发送消息</title>
</head>
<body>
<input type="text" id="input-box">
<button onclick="sendMessage()">发送</button>
<div id="output-box"></div>
<script>
function sendMessage() {
var message = document.getElementById("input-box").value;
document.getElementById("output-box").innerHTML += message + "<br>";
}
</script>
</body>
</html>
这个例子包含一个文本输入框、一个发送按钮和一个输出框。当用户点击发送按钮时,JavaScript函数sendMessage()将从输入框中获取文本,并将其添加到输出框中。innerHTML属性用于修改输出框中的HTML内容。+=符号表示将新的文本添加到现有内容的末尾。<br>标签用于在每个消息之间创建一个换行符。
原文地址: https://www.cveoy.top/t/topic/bJXN 著作权归作者所有。请勿转载和采集!