| 12345678910111213141516171819202122232425262728 |
- <!DOCTYPE HTML>
- <html>
- <head>
- <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'>
- <input id="nick" placeholder="nick" value="nick">
- <input id="message" placeholder="text" value="msg">
- <button id="btn">Send</button>
- </div>
- <script>
- const socket = io()
- socket.on('msg', msg => {
- let p = document.createElement('p');
- p.innerHTML = `${msg.nick} : ${msg.message}`;
- document.body.appendChild(p);
- });
- btn.onclick = () => {
- socket.emit('msg', {nick: nick.value, message: message.value});
- } ;
- </script>
- </body>
- </html>
|
