socket.addEventListener("message", e => {
        // parse JSON
        const msg = JSON.parse(e.data);

        // create elements
        const li = document.createElement("li");
        const strong = document.createElement("strong");
        const span = document.createElement("span");

        // Handle User avatar
        let img = document.createElement("img");
        img.setAttribute("src", msg.AvatarURL);
        img.setAttribute("alt", "User Avatar");
        img.setAttribute("title", msg.Name);
        img.setAttribute("width", "50");
        img.setAttribute("verticalAlign", "middle");

        // assign
        span.innerText = msg.Message;
        strong.innerText = msg.Name + ": ";
        li.appendChild(img);
        li.appendChild(strong);
        li.appendChild(span);
        messages.appendChild(li);
    });