I don't understand whats wrong about this code

Moralis General
#1 
<html>

    <head>

        <title> Moralis </title>

        <script src="https://unpkg.com/moralis/dist/moralis.js"></script>

    </head>

    <body>

        <h1> Moralis Login </h1>

        <button onclick = "Login()" id = "Login">Login</button>

               

        <script>

            const serverUrl = "https://hrmiqkspyohm.usemoralis.com:2053/server";

            const AppId = "4DBOhDjT0yjzlu3Z9rIlcF7vO0xlHbt6CjIUe7BE ";

            Moralis.start ({serverUrl , AppId});

            async function Login(){

                await Moralis.Web3.authenticate()

            }

               

        </script>

   

    </body>

</html>
#2

What doesn’t work, what is the problem?

#3

when I press login nothing happens

#4

Did you install MetaMask, did you look in your browser console?

#5

yes this is what I get

Uncaught (in promise) Error: You need to call Parse.initialize before using Parse.
    at Object.generatePath (moralis.js:26317:13)
    at Object.currentUserAsync (moralis.js:25012:33)
    at Function.value (moralis.js:24402:25)
    at Function.<anonymous> (moralis.js:6056:43)
    at tryCatch (moralis.js:72991:40)
    at Generator.invoke [as _invoke] (moralis.js:73222:22)
    at Generator.next (moralis.js:73047:21)
    at asyncGeneratorStep (moralis.js:29637:24)
    at _next (moralis.js:29659:9)
    at moralis.js:29666:7
#6

here you have to use the exact name for those variables, not AppId instead of appId