深入浅出ChatGPT:从零开始的聊天机器人实现教程

ChatGPT聊天机器人

const chatDiv = document.getElementById(‘chat’);
const userInput = document.getElementById(‘user-input’);

function sendMessage(event) {
if (event.keyCode === 13) {
const userMessage = userInput.value;
renderMessage(userMessage, ‘user’);
userInput.value=””;

axios.post(‘/chat’, { message: userMessage })
.then(function (response) {
const botMessage = response.data.message;
renderMessage(botMessage, ‘bot’);
})
.catch(function (error) {
console.log(error);
});
}
}

function renderMessage(message, sender) {
const messageDiv = document.createElement(‘div’);
messageDiv.classList.add(sender);
messageDiv.innerText = message;
chatDiv.appendChild(messageDiv);
}

© 版权声明

相关文章

暂无评论

暂无评论...