Event listener for sending messages is not being triggered

[ghost]

Hi!

I'm currently developing a chat application, and I'm encountering an issue where messages aren't broadcasting to the specific chat room as intended. Upon debugging, I've identified that the 'message_received' event isn't being triggered. Could you please advise on how to address this problem?

Thank you in advance.

// event listener for submitting messages
document.getElementById('message-form').addEventListener('submit', function(event) {
    
    const roomId = document.getElementById('recipient').value;
    const message = document.getElementById('message').value.trim();
    if (message !== '') {
        socket.emit('send_message', { roomId: roomId, message: message });
        document.getElementById('message').value = ''; 
        event.preventDefault();
    }

});

// event listener for receiving messages
socket.on('message_received', function(data) {
    console.log('Received message:', data); 
    const messageList = document.getElementById('chat-messages');
    const messageItem = document.createElement('li');
    messageItem.textContent = `${data.sender}: ${data.message}`;
    messageList.appendChild(messageItem);
    messageList.scrollop = messageList.scrollHeight;

});

@socketio.on('send_message')
def send_message(data):
    room_id = data.get('roomId')
    message_body = data.get('message')
    sender_id = current_user.id

    # Save the message to the database
    room = Room.query.get(room_id)
    if room:
        new_message = Message(room_id=room_id, sender_id=sender_id, body=message_body)
        db.session.add(new_message)
        db.session.commit()

        # Emit the message to all users in the room
        emit('receive_message', {'sender': current_user.username, 'message': message_body}, room=room_id)

[miguelgrinberg]

Where is the code in the server that sends the message_received event?