es

2023-08-28 22:36:15 +02:00 · 2023-08-28 22:36:15 +02:00 · 0d169eed38
commit 0d169eed38
parent fef3d6a993
1 changed files with 0 additions and 63 deletions
--- a/chatroom.HTML
+++ b/chatroom.HTML
@ -1,63 +0,0 @@
 <!DOCTYPE html>
 <html>
 <head>
    <title>Chatroom</title>
    <style>
        #chatbox {
            width: 400px;
            height: 300px;
            border: 1px solid #ccc;
            overflow-y: scroll;
        }
    </style>
 </head>
 <body>
    <div id="chatbox"></div>
    <input type="text" id="message" placeholder="Type your message">
    <button id="send">Send</button>
    <script>
        const chatbox = document.getElementById('chatbox');
        const messageInput = document.getElementById('message');
        const sendButton = document.getElementById('send');
        // Create a WebSocket connection using your WebSocket service's endpoint
        const socket = new WebSocket('wss://free.blr2.piesocket.com/v3/1?api_key=C1ZujiijYNPNj8gvuGXhIPKsDR4WolCCKOBzMdbM&notify_self=1');
        // Handle WebSocket open event
        socket.addEventListener('open', () => {
            sendButton.disabled = false; // Enable the send button when the WebSocket is open
        });
        // Handle incoming messages from the server
        socket.addEventListener('message', event => {
            const message = event.data;
            appendMessageToChatbox(message);
        });
        sendButton.addEventListener('click', sendMessage);
        function sendMessage() {
            const message = messageInput.value;
            if (message.trim() === '') return;
            if (socket.readyState === WebSocket.OPEN) {
                // Send the message to the server
                socket.send(message);
                // Clear the input field
                messageInput.value = '';
            }
        }
        function appendMessageToChatbox(message) {
            const messageElement = document.createElement('div');
            messageElement.textContent = message;
            chatbox.appendChild(messageElement);
            // Scroll to the bottom of the chatbox
            chatbox.scrollTop = chatbox.scrollHeight;
        }
    </script>
 </body>
 </html>