From ef667db1be3c61ee3706da726d6af0dee854bcc1 Mon Sep 17 00:00:00 2001
From: diego_pcto <diego_pcto@briq.it>
Date: Fri, 13 Jun 2025 16:57:50 +0200
Subject: [PATCH] Update index.html

---
 index.html | 45 ++++++++++++++++++++++++++++++++-------------
 1 file changed, 32 insertions(+), 13 deletions(-)
diff --git a/index.html b/index.html
index 2b55c71..5a8c29b 100644
--- a/index.html
+++ b/index.html
@@ -1,15 +1,34 @@
 <!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="script.js"></script>
-    <title>Messaggi tra due utenti</title>
-</head>
-<body>
-    <h1>Messaggi</h1>
-    <div id="testo"></div>
-    <input type="text" id="txt_messaggio">
-    <button onclick="Invia()">Invia</button>
-</body>
+<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>
\ No newline at end of file
