From 80d3c3c5e67e69803d887f9a9507ecc6d5b3002e Mon Sep 17 00:00:00 2001
From: leonardo_pcto <leonardo_pcto@briq.it>
Date: Mon, 16 Jun 2025 12:47:46 +0200
Subject: [PATCH] Update index.html

---
 index.html | 70 +++++++++++++++++++++++++++++-------------------------
 1 file changed, 38 insertions(+), 32 deletions(-)
diff --git a/index.html b/index.html
index 5a8c29b..bbc44d2 100644
--- a/index.html
+++ b/index.html
@@ -1,34 +1,40 @@
 <!DOCTYPE html>
-<html>
-<html lang="en"></html>
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Messaggi</title>
-    </head>
-    <body>
-        <h1>Progetto messaggi</h1>
-        <form action="" onsubmit="sendMessage(event)">
-            <input type="text" id="messageText" autocomplete="off"/>
-            <button>Invia</button>
-        </form>
-        <ul id='messages'>
-        </ul>
-        <script>
-            var ws = new WebSocket("ws://localhost:8000/ws");
-            ws.onmessage = function(event) {
-                var messages = document.getElementById('messages')
-                var message = document.createElement('li')
-                var content = document.createTextNode(event.data)
-                message.appendChild(content)
-                messages.appendChild(message)
-            };
-            function sendMessage(event) {
-                var input = document.getElementById("messageText")
-                ws.send(input.value)
-                input.value = ''
-                event.preventDefault()
-            }
-        </script>
-    </body>
+<html lang="it">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Progetto messaggi</title>
+</head>
+<body>
+    <h1>Messaggi</h1>
+    <input type="text" id="txt_messaggi" placeholder="Scrivi un messaggio...">
+    <button onclick="inviaMessaggio()">Invia</button>
+    <div id="messages"></div>
+
+    <script>
+
+        const socket = new WebSocket("ws://localhost:8000/ws");
+
+        function inviaMessaggio() {
+            const message = document.getElementById("txt_messaggi").value;
+            socket.send(message);
+            document.getElementById("txt_messaggi").value = '';
+        }
+
+        socket.onmessage = function(event) {
+            const messagesDiv = document.getElementById("messages");
+            const messageElement = document.createElement("div");
+            messageElement.textContent = event.data;
+            messagesDiv.appendChild(messageElement);
+        };
+
+        socket.onerror = function(event) {
+            console.error("Errore WebSocket:", event);
+        };
+
+        socket.onclose = function(event) {
+            console.log("Connessione WebSocket chiusa", event);
+        };
+    </script>
+</body>
 </html>
\ No newline at end of file
