How to create dapp in 3 min using moralis

when ever i run my project i keep see this error any help on how to stop it

Hey @Beloved

Please share your full code. We can’t debug your screenshots :raised_hands:

HERE IS THE JAVASCRIPT FILE

// connect to Moralis server

const serverUrl = “https://i5mbqbfjsquh.usemoralis.com:2053/server”;

const appId = “dgbwi02OiPNgHBKDkn6mDq7Xg9f5fOl0uinnVcMg”;

Moralis.start({ serverUrl, appId });

const Connection = async () => {

await Moralis.authenticate().then(function (user) {

    console.log(user.get('Connected'))

})

}

document.getElementById(“connect”).onclick = Connection;

HERE IS THE HTML FILE

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/web3.min.js"></script>

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

<script src="App.js"></script>  

<title>Document</title>
<button id="connect" > Connect Metamask</button>

can you move this line at the end of your html body?

tried it and it didn’t still work

you can look at this example: https://github.com/MoralisWeb3/demo-apps/tree/main/moralis-vanilla-boilerplate