index.html 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <!DOCTYPE html>
  2. <!-- saved from url=(0025)http://192.168.1.20:5000/ -->
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6. <title>Static File Index.HTML</title>
  7. <script src='https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.2.0/socket.io.js'></script>
  8. </head>
  9. <body>
  10. <div id="formContainer"></div>
  11. <div id="conteiner">
  12. <input type="text" id="nick" value="" placeholder="nickname" />
  13. <input type="text" id="message" value="" placeholder="some msg" />
  14. <button id="send">SEND</button>
  15. </div>
  16. <div id="chat">
  17. </div>
  18. <script>
  19. const socket = io("http://localhost:4000/");
  20. socket.on("msg", (message) =>
  21. {
  22. let chat = document.getElementById("chat");
  23. let elMessage = document.createElement("p");
  24. elMessage.innerHTML = `${message.nick}: ${message.message}`
  25. chat.appendChild(elMessage)
  26. });
  27. send.onclick = () => {
  28. socket.emit("msg", {
  29. nick: nick.value,
  30. message: message.value,
  31. });
  32. };
  33. </script>
  34. </body>
  35. </html>