my login systen

<html>
    <head>
        <script>
            var myUser="zeev";
            var myPass="12345";
            function systemLogin()
            {
                if (userName.value==myUser && userPass.value==myPass)
                {
                    res.innerHTML="Hello Zeev";
                    resetText(true);
                }
                else
                {
                    res.innerHTML="Who are you?";
                    resetText(false);
                }

            }

            function resetText(isOK)
            {
                userName.value="";
                userPass.value="";
                if (isOK)
                {
                    console.log("Correct user");
                }
                else
                {
                    console.log("Hacker");
                }
            }
        </script>
    </head>

    <body>
        <center>
            <h1>Login System</h1>
            <h3>
                User Name: <input type="text" id="userName"/><br/>
                User Pass: <input type="text" id="userPass"/><br/>
            </h3>
            <input type="button" onclick="systemLogin()" value="LOGIN"/>
            <br/><br/><center><div id="res">Please Login....</div></center>
        </center>
    </body>
</html>