maheshbasnet089/app.js

## app.js
const server = app.listen(port, () => {
  console.log(" Hello, chat box");
});

const { Server } = require("socket.io");
const io = new Server(server);

io.on("connection", (socket) => {
  console.log("Connected");
  socket.on("chatMessage", (data) => {
    console.log(data);
    io.emit("getMessages", data);
  });
});

## chat.ejs
<body>
  <ul id="messages"></ul>

    <form class="input-container" id="form">
      <input type="text" id="input" placeholder="Type message" />
      <input type="submit" value="Send" />
    </form>
  </div>
  <script src="/socket.io/socket.io.js"></script>
  <script>
    var socket = io();
    var form = document.getElementById('form');
  var input = document.getElementById('input');
  var messages = document.getElementById("messages")

  form.addEventListener('submit', function(e) {
    e.preventDefault();
    if (input.value) {
      socket.emit('chatMessage', input.value);
      input.value = '';
    }
  });
  socket.on("getMessages",(data)=>{
    console.log(data)
     var item = document.createElement('li');
    item.textContent = data;
    messages.appendChild(item);
    window.scrollTo(0, document.body.scrollHeight);
  })


  </script>
</body>
	const server = app.listen(port, () => {
	console.log(" Hello, chat box");
	});

	const { Server } = require("socket.io");
	const io = new Server(server);

	io.on("connection", (socket) => {
	console.log("Connected");
	socket.on("chatMessage", (data) => {
	console.log(data);
	io.emit("getMessages", data);
	});
	});
	<body>
	<ul id="messages"></ul>

	<form class="input-container" id="form">
	<input type="text" id="input" placeholder="Type message" />
	<input type="submit" value="Send" />
	</form>
	</div>
	<script src="/socket.io/socket.io.js"></script>
	<script>
	var socket = io();
	var form = document.getElementById('form');
	var input = document.getElementById('input');
	var messages = document.getElementById("messages")

	form.addEventListener('submit', function(e) {
	e.preventDefault();
	if (input.value) {
	socket.emit('chatMessage', input.value);
	input.value = '';
	}
	});
	socket.on("getMessages",(data)=>{
	console.log(data)
	var item = document.createElement('li');
	item.textContent = data;
	messages.appendChild(item);
	window.scrollTo(0, document.body.scrollHeight);
	})


	</script>
	</body>