html自动回复对话源码
时间: 2023-07-01 09:02:29 浏览: 57
HTML自动回复对话源码是一段使用HTML标记语言编写的代码,用于实现自动回复对话的功能。以下是一个简单的示例源码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>自动回复对话</title>
</head>
<body>
<h1>自动回复对话</h1>
<div id="chat">
<p id="message">你好!有什么我可以帮助你的问题吗?</p>
</div>
<input type="text" id="input" placeholder="请输入你的消息" />
<button onclick="sendMessage()">发送</button>
<script>
// 监听用户点击发送按钮事件
function sendMessage() {
let input = document.getElementById("input");
let message = input.value;
// 在对话框中显示用户输入的消息
let chat = document.getElementById("chat");
let userMessage = document.createElement("p");
userMessage.textContent = "用户:" + message;
chat.appendChild(userMessage);
// 生成自动回复的消息
let reply = document.createElement("p");
reply.textContent = "机器人:感谢你的消息!";
chat.appendChild(reply);
// 清空输入框
input.value = "";
}
</script>
</body>
</html>
```
这段源码会在浏览器中生成一个简单的页面,页面中包含一个对话框、一个输入框和一个发送按钮。用户可以在输入框中输入消息,并通过点击发送按钮发送消息。发送消息后,页面会自动以“用户:+用户输入的消息”格式显示用户的消息,并以“机器人:感谢你的消息!”的格式显示自动回复的消息。用户每次发送消息后,输入框会被清空,以方便继续发送新的消息。这样实现了一个简单的自动回复对话的功能。