<script>
\n $(document).ready(function(){
\n const roomName = “{{ room_name }}”;
\n const chatSocket = new WebSocket(
\n ‘ws:\/\/’ + window.location.host + ‘\/ws\/chat\/’ + roomName + ‘\/’
\n );<\/p>\n
chatSocket.onmessage = function(e) {
\n const data = JSON.parse(e.data);
\n $(‘#chat-log’).append(data.username + “: ” + data.message + “<br>”);
\n };<\/p>\n
$(‘#send’).click(function(){
\n const messageInputDom = $(‘#message’);
\n const message = messageInputDom.val();
\n const username = $(‘#username’).val();
\n chatSocket.send(JSON.stringify({
\n ‘message’: message,
\n ‘username’: username
\n }));
\n messageInputDom.val(”);
\n });
\n });
\n <\/script>
\n<\/body><\/p>\n","protected":false},"excerpt":{"rendered":"