Callback append

[marlanga]

Separa la lógica de tu programa de la lógica de la vista. Tú tienes que tener un array de usuarios conectados. Cuando se conecte uno, añades un usuario a ese array. Cuando se desconecte, lo borras de ese array.

Por otro lado, deberías tener una función que sepa crear nodos HTML e insertarlos en el DOM leyendo ese array de usuarios. Y nada más.

¿Cómo pintar los usuarios de forma ordenada? Muy fácil, cuando insertes un usuario en el array, ordénalo. Todo eso es lo que debe hacer la función nuevoUsuario.
La función que pinta el array en el HTML ni siquiera tienes que tocarla.

Y si quieres hacerlo todo complicado, embróllalo todo con mezclas de HTML y javascript por todas partes, para insertar, para eliminar, para enviar mensajes... Y cuando quieras cambiar el aspecto del chat, coges una escopeta y te haces un corte de pelo a lo kurt cobain.