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

We recommend hosting TIMEWEB

Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.

Вам нужно 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,
            })
    )   
}

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