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);
}