From 23d82fb1117474bdc1f32d7c9c5d158a7c029403 Mon Sep 17 00:00:00 2001
From: Dangrainage <99558179+Dangrainage@users.noreply.github.com>
Date: Mon, 28 Aug 2023 20:24:43 +0200
Subject: [PATCH] Update chatroom.HTML
---
chatroom.HTML | 25 +++++++++++++++++++++++--
1 file changed, 23 insertions(+), 2 deletions(-)
diff --git a/chatroom.HTML b/chatroom.HTML
index 464f4fc..58b26c1 100644
--- a/chatroom.HTML
+++ b/chatroom.HTML
@@ -39,12 +39,18 @@
sendButton.addEventListener('click', function() {
const message = messageInput.value;
if (message.trim() !== '') {
- messages.push(message);
- updateChatbox();
+ sendMessage(message);
messageInput.value = '';
}
});
+ function sendMessage(message) {
+ // Here, you would typically send the message to your server using an AJAX request
+ // For demonstration purposes, we'll just add the message locally
+ messages.push(message);
+ updateChatbox();
+ }
+
function updateChatbox() {
chatbox.innerHTML = messages.map(msg => `<div>${msg}</div>`).join('');
chatbox.scrollTop = chatbox.scrollHeight; // Scroll to the bottom
@@ -55,6 +61,21 @@
sendButton.click();
}
});
+
+ // Polling with a 3-second interval
+ setInterval(function() {
+ // Perform an AJAX request to the server to get new messages
+ // Replace the URL with the appropriate endpoint on your server
+ fetch('/getNewMessages')
+ .then(response => response.json())
+ .then(data => {
+ messages = messages.concat(data.messages);
+ updateChatbox();
+ })
+ .catch(error => {
+ console.error('Error fetching new messages:', error);
+ });
+ }, 3000); // 3 seconds interval
</script>
</body>
</html>