chatList.js

var hyperglue = require('hyperglue');
 
var html = require('./html/listElement');
 
module.exports = ChatList;
 
function ChatList (target) {
    if(!(this instanceof ChatList)) return new ChatList(target);
    this.target = target;
    this.users = [];
    this.name = 'chatList';
}
 
// Add event to append a new user to the chatList object
ChatList.prototype.add = Add;
function Add (user) {
    var self = this;
    console.log(user.name);
    var div = hyperglue(html, {
        '.user': user.name
    });
    console.log(user);
    console.log(div);
    self.users.push({name: user.name, element: div});
    self.target.appendChild(div);
 
}

listElement.js

module.exports = [
    '<div class="user"></div>'
].join('\n');