<!DOCTYPE html>
<html lang="en">
<!--
1) AUTHENTICATE WITH METAMASK
2) ADD USER TO DB
3) ADD MORE DATA TO THE USER PROFILE
-->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="Width=device-width, initial-scale=1.0">
<title>Document</title>
<title>Metamask Demo</title>
<script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js"></script>
<script src="https://unpkg.com/moralis/dist/moralis.js"></script>
<script src="main.js"></script>
</head>
<body>
<input type="email" name="" id="email" placeholder="email">
<input type="password" name="" id="password" placeholder="password">
<button id="Signup">Sign up</button>
<button onclick="login()">Login with Metamask</button>
<script>
Moralis.initialize("J6CBaLmgsnJr3m0AoQmInOLUK7ulCYf1Vdcz9A0v"); // Application id from moralis.io
Moralis.serverURL = "https://u9h1idbhxxvh.moralishost.com:2053/server"; //Server url from moralis.io
Moralis.authenticate({signingMessage:"welcome fitri"}) //custome message
async function login(){
console.log("login clicked");
var user = await Moralis.Web3.authenticate();
if(user){
console.log(user);
user.set("nickname","FITRI");
user.set("fav_colour","hijau");
user.save();
}
}
Moralis.Web3.onAccountsChanged( async ([account])=>{
alert("Do You Want To Merge?");
var user = await Moralis.Web3.link(account);
console.log(user)
})
</script>
</body>
</html>
can someone help me what wrong with my code