Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script src="/socket.io/socket.io.js"></script>
<script>
    var socket = io();


    function login(){
        var username = document.getElementById('username').value;
        var password = document.getElementById('password').value;
        socket.emit('login', {username:username, password:password});
    }

    function register (){
        var username = document.getElementById('username').value;
        var password = document.getElementById('password').value;
        socket.emit('register', {username: username, password: password});
        alert('Register successfully! Now you can login on.');
    }

    function bet(){
        var bet_amount = document.getElementById('bet_amount').value;
    }

    socket.on('login', function(res){
        if(res.message="success"){
            socket.emit('InfoRequest');
            alert('You are now connected.');
            var session = res.session;
            document.getElementById('main').innerHTML = "";
            document.getElementById('test').style.visibility = "visible";
        }
    });

    socket.on('userInfo', function(data){

    });

</script>

<div id="main">
    <p>Username:</p>
    <input type="text" id="username">
    <p>Password:</p>
    <input type="password" id="password">
    <button name="button" onclick="login()">Login</button>
    <button name="button" onclick="register()">Register</button>

</div>

<div id="test" style="visibility: hidden">
    <p>Balance :</p><div id="balance"></div>
    <p>Amount:</p>
    <input type="text" id="bet_amount">
    <button name="button" onclick="bet()">Login</button>
</div>

</body>
</html>