угу

наспех код писать - как сонному - весело и быстро, но забавные баги бывают.

$('form').submit(function(e) {
       e.preventDefault(); // prevents page reloading

       // *****************************************
       $('.messages').append($('<div class="flex_right"><div class="right_msg msg></div></div>').text($('#input_message').val()))
       socket.emit('chat message', $('#input_message').val());
       // *****************************************

       $('#input_message').val('');
       return false;
   });

Нужно в блок #messages добавить два вложених div з разними класами

Вот етот код, вставляется первий <div> а внутренний нет

вёрстку итоговую в студию!..
Как код jQuery сделать мы сами решим уже.

И читабельность кода - шик.

Вот это нужно добавить?
<div class="flex_right">
   <div class="right_msg msg>
   </div>
</div>

И внутри сообщения! ДА!

угу, т.е.  НЕТ
На скрине - последовательно идут

А у меня - 1 в 1

Ето виполнения кода в браузере

код в песочницу засунь и дай ссылку - уделю время чтоб поправить.

Первий тег, ето я делал вручную, а второй - виполнения програми

песочницу ждать или предлагается самому сделать?

добого времени суток. скажите как в innerTEXT поменять цвет ?

Никак. Цвет описывается в стилях элемента.

buttonNew.style.color = ‘’

у него нет style