12345678910111213141516171819202122232425262728293031323334353637 |
- <!DOCTYPE html>
- <!-- saved from url=(0025)http://192.168.1.20:5000/ -->
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title>Static File Index.HTML</title>
- <script src='https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.2.0/socket.io.js'></script>
- </head>
- <body>
- <div id="formContainer"></div>
- <div id="conteiner">
- <input type="text" id="nick" value="" placeholder="nickname" />
- <input type="text" id="message" value="" placeholder="some msg" />
- <button id="send">SEND</button>
- </div>
- <div id="chat">
- </div>
- <script>
- const socket = io("http://localhost:4000/");
-
- socket.on("msg", (message) =>
- {
- let chat = document.getElementById("chat");
- let elMessage = document.createElement("p");
- elMessage.innerHTML = `${message.nick}: ${message.message}`
- chat.appendChild(elMessage)
- });
- send.onclick = () => {
- socket.emit("msg", {
- nick: nick.value,
- message: message.value,
- });
- };
- </script>
- </body>
- </html>
|