From 951d6acbc28b431bb125ca71d1baa08e5bd7dea7 Mon Sep 17 00:00:00 2001 From: Dangrainage <99558179+Dangrainage@users.noreply.github.com> Date: Tue, 29 Aug 2023 19:47:49 +0200 Subject: [PATCH] Update Redditlikechatter.HTML --- Redditlikechatter.HTML | 33 ++++++++++++++------------------- 1 file changed, 14 insertions(+), 19 deletions(-) diff --git a/Redditlikechatter.HTML b/Redditlikechatter.HTML index db00845..04bef5f 100644 --- a/Redditlikechatter.HTML +++ b/Redditlikechatter.HTML @@ -2,14 +2,12 @@ -
  • Home
    • Chatroom - @@ -26,13 +24,16 @@ const messageInput = document.getElementById('message'); const sendButton = document.getElementById('send'); + let username = localStorage.getItem('username') || ''; + + usernameInput.value = username; const socket = new WebSocket('wss://free.blr2.piesocket.com/v3/1?api_key=C1ZujiijYNPNj8gvuGXhIPKsDR4WolCCKOBzMdbM¬ify_self=1'); socket.addEventListener('open', () => { - sendButton.disabled = false; + sendButton.disabled = false; }); socket.addEventListener('message', event => { @@ -50,7 +51,8 @@ function sendMessage() { username = usernameInput.value; - localStorage.setItem('username', username); + localStorage.setItem('username', username); + const message = messageInput.value; if (username.trim() === '' || message.trim() === '') return; @@ -61,7 +63,10 @@ message: message }; + socket.send(JSON.stringify(data)); + + messageInput.value = ''; } } @@ -73,23 +78,13 @@ const messageData = JSON.parse(data); usernameElement.textContent = messageData.username + ': '; - - const messageWithLinks = convertURLsToLinks(messageData.message); - const messageContentElement = document.createElement('div'); - messageContentElement.innerHTML = messageWithLinks; - - messageElement.appendChild(usernameElement); - messageElement.appendChild(messageContentElement); + messageElement.textContent = messageData.message; + messageElement.prepend(usernameElement); chatbox.appendChild(messageElement); - chatbox.scrollTop = chatbox.scrollHeight; - } - function convertURLsToLinks(text) { - const urlRegex = /(https?:\/\/[^\s]+)/g; - return text.replace(urlRegex, (url) => { - return `${url}`; - }); + + chatbox.scrollTop = chatbox.scrollHeight; }