maryluis
/
homeworks_Second_modul


			
				
					
						
						
							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>