32 lines
1.1 KiB
JavaScript
32 lines
1.1 KiB
JavaScript
function sendMessage() {
|
|
const userInput = document.getElementById('user-input').value;
|
|
const chatOutput = document.getElementById('chat-output');
|
|
|
|
if (userInput.trim() === "") {
|
|
return;
|
|
}
|
|
|
|
// Display user message
|
|
chatOutput.innerHTML += `<div><strong>You:</strong> ${userInput}</div>`;
|
|
|
|
// Simulate chatbot response (use REST API call here for real chatbot)
|
|
fetch('https://your-chatbot-api.com/message', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ message: userInput })
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
chatOutput.innerHTML += `<div><strong>Chatbot:</strong> ${data.reply}</div>`;
|
|
chatOutput.scrollTop = chatOutput.scrollHeight; // Auto-scroll
|
|
})
|
|
.catch(error => {
|
|
console.error('Error:', error);
|
|
chatOutput.innerHTML += `<div><strong>Chatbot:</strong> Sorry, something went wrong.</div>`;
|
|
});
|
|
|
|
document.getElementById('user-input').value = ''; // Clear input field
|
|
}
|
|
|
|
|