本文介绍了使用HTML和JavaScript创建一个简单的聊天机器人，用户输入触发预定义响应。HTML部分展示了文本输入框和发送按钮，而JavaScript负责处理用户输入并显示机器人的回复。
HTML部分
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>聊天机器人</title>
</head>
<body>
<input type="text" id="userInput" placeholder="输入你想说的话">
<button οnclick="sendMessage()">发送</button>
<p id="chatLog"></p>
<script src="script.js"></script>
</body>
</html>
js部分
script.js
function sendMessage() {
var userInput = document.getElementById('userInput').value;
var chatLog = document.getElementById('chatLog');
var responses = {
"你好": "你好！",
"你是谁":"xxx" ,
"在干嘛": "我在聊天呢！"
};
for (var trigger in responses) {
if (userInput.toLowerCase().startsWith(trigger)) {
chatLog.innerHTML += `<b>机器人:</b> ${responses[trigger]}<br>`;
break;
}
}
document.getElementById('userInput').value = ''; // 清空输入框
}
254
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
