Cложности с кодом javascript в приёме данных из WebSoket

django, JavaScript

var ws = ""
let btn = document.querySellector('#send')
let room = document.querySellector('#room")
let input = document.querySellector('#input-message")
let 

room.addEventListener("click", function(e){
    if(ws){
        ws.close()
    }
    ws = new Websocket("ws://"+ window.location.host + "/ws/message")
}

btn.addEventListener("click", function(e){
    message = input.value
    ws.send(
        JSON.stringify({
               'message': message,
            })
    )   
}

ws.onmessage = function(e){
    let data = JSON.parse(e.data)
    document.querySellector('#msg-log").innerHTML += "<li class='msg'>" + data.message + "</li>
}

Рекомендуємо хостинг TIMEWEB

Стабільний хостинг, на якому розміщується соціальна мережа EVILEG. Для проектів на Django радимо VDS хостинг.

Вам нужно onmessage подключить сразу после создания сокета, когда вызывается оператор new, поскольку на момент подключения onmessage у вас просто мусор в переменной ws

Как минимум так должно выглядеть

var ws = ""
let btn = document.querySellector('#send')
let room = document.querySellector('#room")
let input = document.querySellector('#input-message")
let 

room.addEventListener("click", function(e){
    if(ws){
        ws.close()
    }
    ws = new Websocket("ws://"+ window.location.host + "/ws/message")
    ws.onmessage = function(e){
        let data = JSON.parse(e.data)
        document.querySellector('#msg-log").innerHTML += "<li class='msg'>" + data.message + "</li>
    }
}

btn.addEventListener("click", function(e){
    message = input.value
    ws.send(
        JSON.stringify({
               'message': message,
            })
    )   
}

Большое спасибо за совет. Я чегодня только под утро к такому же варианту пришёл. Методом научного тыка. Но думал есть решение другое, а оно оказалось вон как элементарно.