|
|
@@ -1,25 +1,38 @@
|
|
|
<!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>
|
|
|
- <input id="nick" type="text" >
|
|
|
- <input id="message" type="text" >
|
|
|
- <!-- <input id="send" type="button" >
|
|
|
- -->
|
|
|
- <button id="send">send</button>
|
|
|
- <div id='formContainer'>
|
|
|
- </div>
|
|
|
- <script>
|
|
|
- const socket = io('http://192.168.1.20:5000/')
|
|
|
- // socket.emit
|
|
|
- send.onclick=() =>{
|
|
|
-console.log(nick.value+' '+ message.value)
|
|
|
-}
|
|
|
- </script>
|
|
|
- </body>
|
|
|
+
|
|
|
+<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="chatContainer"></div>
|
|
|
+
|
|
|
+ <input id="nick" type="text">
|
|
|
+ <input id="message" type="text">
|
|
|
+ <button id="send">send</button>
|
|
|
+ <!-- <div id='formContainer'> -->
|
|
|
+ <!-- </div> -->
|
|
|
+ <div id="chatId">Chat History</div>
|
|
|
+
|
|
|
+ <script>
|
|
|
+ const socket = io('http://localhost:4000/')
|
|
|
+ socket.on("msg", function (msg) {
|
|
|
+ console.log(msg);
|
|
|
+ chatId.innerHTML += '<br/>' + msg.nick + ': ' + msg.message;
|
|
|
+ // chatId.innerHTML += `<br/> ${msg.nick}: ${msg.message}`;
|
|
|
+ });
|
|
|
+
|
|
|
+ send.onclick = () => {
|
|
|
+ socket.emit("msg", {
|
|
|
+ nick: nick.value,
|
|
|
+ message: message.value
|
|
|
+ });
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+
|
|
|
</html>
|
