const DEV=true;
window.onload = function () {
    document.getElementById("game").style.display = "none";
    document.getElementById("game_header").style.display="none";
    if(DEV){
        document.getElementById("login_panel_bg").style.display='none';
        document.getElementById("game").style.display = "flex";
    }
    document.getElementById("btn_back_menu").onclick=function(){
        location.reload();
    }
}
function onLogin(server_input) {
    if (document.getElementById('nick_name').value == '' || document.getElementById('pwd').value == '') {
        alert("请输入昵称或密码");
        return;
    }

    let addressStr = "";
    if (server_input.value == undefined || server_input.value == '') {
        addressStr = server_input.placeholder;
    } else {
        addressStr = server_input.value;
    }
    const ws = new WebSocket("ws://" + addressStr);
    //开启连接open后客户端处理方法
    ws.onerror = function (err) {
        console.log('连接服务器失败');
        document.getElementById("login_state").style.color = 'red';
        document.getElementById("login_state").innerText = "登录失败";
    }
    ws.onopen = function (event) {
        console.log('已连接上服务器......');
        console.log('欢迎来到多人文字版修仙小游戏');
        ws.send(JSON.stringify({name:document.getElementById('nick_name').value,type:"set_nickname"}))
        document.getElementById("login_state").style.color = 'lightgreen';
        document.getElementById("login_state").innerText = "登录成功!!";
        setTimeout(() => {
            document.getElementById("login_panel").style.display = 'none';
            document.getElementById("game").style.display = "flex";
            document.getElementById("app_header").style.display="flex";
            document.getElementById("game_header_data_nickname").innerText = document.getElementById('nick_name').value
        }, 1000);
    };
    ws.onmessage = function (e) {
        var p = document.createElement('p');
        p.innerText = e.data;
        document.getElementById("game_system").appendChild(p);
    }
}