myLogin

myFunc.js
===================

function init()
{
    var APP_ID = 'E89CFF1D-CDD4-414E-FF88-3B5C61250900';
    var API_KEY = '5362579B-DFDE-B8EC-FF69-0E77852BF500';

    Backendless.serverURL = 'https://api.backendless.com';
    Backendless.initApp(APP_ID, API_KEY);
}

function userLogin()
{
    Backendless.UserService.login(userName.value,userPass.value,true)
    .then (function(loggedUser){
        console.log("User was login successfully");
    })
    .catch(function (error){
        console.log(error);
    });
}

function logout()
{
    Backendless.UserService.logout()
    .then (function() {console.log("user logged out")})
    .catch(function(error) {console.log(error)})
}

function userRegister()
{
    var user = new Backendless.User();
    user.email = "zeev.m@hotmail.com";
    user.password = "iAmWatchingU";

    Backendless.UserService.register(user)
    .then (function (userReg){
        console.log("user was successfully registered!!!");
    })
    .catch(function (error){
        console.log(error);
    });
}


index.html
===================<!doctype HTML>
<html>
    <head>
        <script src="js/myFunc.js"></script>
        <script src="https://api.backendless.com/sdk/js/latest/backendless.min.js"></script>
    </head>
    <body onload="init()">
        <center>
            <h1>My Login System</h1><hr>
            <input type="text" placeholder="Enter user name" id="userName"/><br><br>
            <input type="password" placeholder="Enter your password" id="userPass"/><br>
            <br><br><br>
            <input type="button" value="Login" onclick="userLogin()"/>
            <input type="button" value="Register" onclick="userRegister()"/>
            <input type="button" value="LogOut" onclick="logout()"/>
            <br><br><br>
            <div id="res"></div>
        </center>
    </body>
</html>