33 lines
1.1 KiB
JavaScript
33 lines
1.1 KiB
JavaScript
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const chatBox = document.getElementById('chat-box');
|
|
const chatForm = document.getElementById('chat-form');
|
|
const chatInput = document.getElementById('chat-input');
|
|
|
|
chatForm.addEventListener('submit', (e) => {
|
|
e.preventDefault();
|
|
const message = chatInput.value.trim();
|
|
if (message) {
|
|
addMessage(message, 'user');
|
|
chatInput.value = '';
|
|
// Simulate bot reply
|
|
setTimeout(() => {
|
|
addMessage('This is a placeholder reply.', 'bot');
|
|
}, 1000);
|
|
}
|
|
});
|
|
|
|
function addMessage(message, sender) {
|
|
const messageElement = document.createElement('div');
|
|
messageElement.classList.add('chat-message', `${sender}-message`);
|
|
messageElement.textContent = message;
|
|
chatBox.appendChild(messageElement);
|
|
chatBox.scrollTop = chatBox.scrollHeight;
|
|
}
|
|
|
|
// Initial bot message
|
|
setTimeout(() => {
|
|
addMessage("Hi, I'm PulseDock. How can I help you today?", 'bot');
|
|
}, 500);
|
|
});
|