Untitled

  
    conn.onmessage = function(e) {
        
        let data = JSON.parse(e.data);
        console.log(data);
        if('name' in data && 'mode' in data){
            let name = data.name;
            let mode = data.mode;
            if(mode === 'offline'){
                for(let i = 0; i < onlineFriendsList.childNodes.length; i++){
                    if(name === onlineFriendsList.childNodes.item(i).innerHTML){
                        let div = onlineFriendsList.childNodes.item(i);
                        div.classList.remove('online-friend-name');
                        div.classList.add('offline-friend-name');
                        //offlineFriendsStyle(div);
                        div.style = "";
                        div.removeEventListener('click',onlineListener());
                        offlineFriendsList.appendChild(div);
                    }
                }
            }



function onlineFriendsClickListener(node,name) {
    texts[name] = [];
    node.addEventListener('click', onlineListener = function() {
        // if(typingTo != ""){
        //     for(let z = 0; z < texts[typingTo].length; z++){
        //         messages.appendChild(texts[typingTo][z]);
        //     }
        // }
        messageArea.disabled = false;
        messages.style = "";
        send.disabled = false;
        node.classList.remove('message-notification');
        handleFriendStyle(node);
    });
}