Add multiple lines with jQuery using . text

Question

I am doing the project for the school, I am in the chat part and I have a question. In the part of sending messages in jQuery:

 socket.on('newMessage', function(data){
     $chat.append(data.nick+' - ' + menssagem+ '<br/>' ); 
 });

But the problem is that the method .append() is vulnerable because it lets you inject javascript and even html. I’ve tried the method .text(), but the messages appear on top of each other.

Answer 1

You have to add the new message after the content that already exists.

Otherwise, it really overlaps.

Try this below. If it goes wrong, remove the parentheses from text().

$chat.append($chat.text() + '<br/>' + data.nick+' - ' + menssagem+ '<br/>' );