<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Chat Room</title> </head> <body> <ul id="messages"></ul> <form action=""> <input id="m" autocomplete="off" /><button>Send</button> </form> <form id="fileUploadForm" action="/upload" method="post" enctype="multipart/form-data"> <input type="file" name="file" /> <button type="submit">Upload File</button> </form> <script src="/socket.io/socket.io.js"></script> <script> var socket = io(); document.querySelector('form').addEventListener('submit', function() { var input = document.getElementById('m'); socket.emit('chat message', input.value); input.value = ''; return false; }); socket.on('chat message', function(msg) { var item = document.createElement('li'); item.textContent = msg; document.getElementById('messages').appendChild(item); }); socket.on('file', function(filename) { var item = document.createElement('li'); item.textContent = 'File uploaded: ' + filename; document.getElementById('messages').appendChild(item); }); </script> </body> </html>