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,
            })
    )   
}

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