Update index.html

2025-06-13 16:57:50 +02:00 · 2025-06-13 16:57:50 +02:00 · ef667db1be
parent e6af6a5d38
commit ef667db1be
1 changed files with 32 additions and 13 deletions
--- 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>