-
-
-
-
-
-
+
-
+ // WebSocket onclose event: Fired when the connection is closed
+ socket.onclose = function(event) {
+ console.log("WebSocket connection closed");
+ displayMessage("WebSocket connection closed");
+ };
+
+ // Function to display messages on the page
+ function displayMessage(message) {
+ const messageElement = document.createElement('div');
+ messageElement.textContent = message;
+ messagesDiv.appendChild(messageElement);
+ }
+
+ // Button to send the message
+ sendButton.onclick = function() {
+ const message = messageInput.value;
+ if (message) {
+ console.log("Sending message: " + message);
+ socket.send(message);
+ displayMessage("You: " + message);
+ messageInput.value = ''; // Clear the input field
+ } else {
+ alert("Please enter a message!");
+ }
+ };
+