This illustration shows  a browser window running the html-Chat/index.html file. The tab at the top left of the page is labeled “Chat Client.”  The  text field shows  two messages that were sent.

The output is:
Ed: Hi!
Ed: Joined the chat

Note that the most recent message appears on top.

Below the message output is a text field where you enter the message. To the right of the field is the send button used to send the message.