echange de message entre les clients

2026-07-31 00:33:51 +02:00
parent 1b00a35e6c
commit 7edf7b0225
2 changed files with 42 additions and 1 deletions
--- a/client/index.html
+++ b/client/index.html
@@ -7,10 +7,21 @@
 <body>
  <h1>Bonjour !</h1>
  <p>Ceci est une page statique servie par Express.</p>
+  <input type="text" id="input" placeholder="message">
+  <button id="sendBtn">Envoyer</button>
  <script src="/socket.io/socket.io.js"></script>
  <script>
    const socket = io();
    console.log("Connecte au serveur, id :", socket.id);
+    socket.on("role", (role) => console.log("Mon rôle :", role));
+    socket.on("status", (msg) => console.log("Status :", msg));
+    document.getElementById("sendBtn").addEventListener("click", () => {
+      const text = document.getElementById("input").value;
+      socket.emit("message", text);
+    });
+    socket.on("message", (data) => {
+      console.log("message recu du partenaire :", data);
+    });
  </script>
-</body>
+  </body>
 </html>