From 531d6e1038bf439f92d638276f42785f3746fc15 Mon Sep 17 00:00:00 2001 From: Dangrainage <99558179+Dangrainage@users.noreply.github.com> Date: Tue, 29 Aug 2023 19:52:13 +0200 Subject: [PATCH] Update Redditlikechatter.HTML --- Redditlikechatter.HTML | 33 +++++++++++++++++++-------------- 1 file changed, 19 insertions(+), 14 deletions(-) diff --git a/Redditlikechatter.HTML b/Redditlikechatter.HTML index 04bef5f..db00845 100644 --- a/Redditlikechatter.HTML +++ b/Redditlikechatter.HTML @@ -2,12 +2,14 @@ +
  • Home
    • Chatroom + @@ -24,16 +26,13 @@ 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 => { @@ -51,8 +50,7 @@ function sendMessage() { username = usernameInput.value; - localStorage.setItem('username', username); - + localStorage.setItem('username', username); const message = messageInput.value; if (username.trim() === '' || message.trim() === '') return; @@ -63,10 +61,7 @@ message: message }; - socket.send(JSON.stringify(data)); - - messageInput.value = ''; } } @@ -78,14 +73,24 @@ const messageData = JSON.parse(data); usernameElement.textContent = messageData.username + ': '; - messageElement.textContent = messageData.message; + + const messageWithLinks = convertURLsToLinks(messageData.message); + const messageContentElement = document.createElement('div'); + messageContentElement.innerHTML = messageWithLinks; + + messageElement.appendChild(usernameElement); + messageElement.appendChild(messageContentElement); - 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}`; + }); + }