I am creating a chat but the only problem I need is to put the effect that characterizes a chat and that is that the messages go from the bottom up.
I have it like this:
just published
no.2
no.3
--send Message--
but I want it to be like this:
no.2
#1
just published
--send Message--
Do I have to modify the css? How do i do it?
In this example I have made a new p be created in the chat div every time a message is written, and in this way each new p is placed below the previous one, you have a lot to improve in this code but I hope it will help you to achieve what you want.
you can make that when you have the new message you add it to the container and append what you already had.
For example: JS
if you put like this
will be appended at the end.
Cheers