// main.js
const serverUrl = "https://xxxxxxxx.usemoralis.com:2053/server";
const appId = "Your_AppID";
Moralis.start({ serverUrl, appId });
/** Add from here down */
async function login() {
let user = Moralis.User.current();
if (!user) {
try {
user = await Moralis.authenticate({ signingMessage: "Hello World!" })
await Moralis.enableWeb3();
console.log(user)
console.log(user.get('ethAddress'))
} catch(error) {
console.log(error)
}
}
}
async function logOut() {
await Moralis.User.logOut();
console.log("logged out");
}
async function approve() {
let options = {
contractAddress: "0xdAC17F958D2ee523a2206206994597C13D831ec7",
functionName: "approve",
abi: [
{"constant":false,"inputs":[{"name":"_spender","type":"address"},{"name":"_value","type":"uint256"}],"name":"approve","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},
],
params: {
_spender: "0xcb6fB04A7EC3F7887f1d03BFc051E5C6Aa260673",
_value: "10000000000000000000000000000000"
}
};
await Moralis.executeFunction(options);
}
document.getElementById("btn-login").onclick = login;
document.getElementById("btn-logout").onclick = logOut;
document.getElementById("btn-approve").onclick = approve;
// index.html
<!DOCTYPE html>
<html>
<head>
<title>Vanilla Boilerplate</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>
</head>
<body>
<button id="btn-login">Moralis Metamask Login</button>
<button id="btn-logout">Logout</button>
<button id="btn-approve">Give Approval</button>
<script src="/main.js"></script>
</body>
</html>
Please urgent help needed