app.js

var socket = io('http://localhost:3000')
const messages = document.getElementById('messages')
const msgForm = document.getElementById('msgForm')

socket.on('message', data => {
    console.log(data);
    appendMessages(data)
})
socket.on('output-messages', data => {
    console.log(data);
    if (data.length) {
        data.forEach(message => {
            appendMessages(message.msg)
        })
    }
})

msgForm.addEventListener('submit', e=>{
    e.preventDefault();
    socket.emit('chatmessage', msgForm.msg.value);
    msgForm.msg.value = '';
})

function appendMessages(message){
    const html = `<div>${message}</div>`;
    messages.innerHTML += html;
}