30 lines
1.2 KiB
JavaScript
30 lines
1.2 KiB
JavaScript
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const chatForm = document.getElementById('chat-form');
|
|
const messageInput = document.getElementById('message-input');
|
|
|
|
if (chatForm) {
|
|
chatForm.addEventListener('submit', function(e) {
|
|
e.preventDefault();
|
|
const message = messageInput.value.trim();
|
|
if (message) {
|
|
console.log('Sending message:', message);
|
|
// In a real app, you'd send this to the server.
|
|
// For this demo, we'll just clear the input.
|
|
messageInput.value = '';
|
|
|
|
// Optional: Add the message to the UI for instant feedback
|
|
const chatBody = document.querySelector('.chat-body');
|
|
const messageElement = document.createElement('div');
|
|
messageElement.classList.add('message', 'sent');
|
|
messageElement.innerHTML = `
|
|
<div class="message-bubble">${message}</div>
|
|
<div class="message-time">Just now</div>
|
|
`;
|
|
chatBody.appendChild(messageElement);
|
|
chatBody.scrollTop = chatBody.scrollHeight;
|
|
}
|
|
});
|
|
}
|
|
});
|