Pocu
/
Homework


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738
							<!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="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>