index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gtest</title>
    <link rel="stylesheet" href="./index.css">


</head>

<body>
    <div>
        <h1>This is my dApp!</h1>
        <p>Here we can set or get the mood:</p>
        <label for="mood">Input Mood:</label> <br />
        <input type="text" id="mood" />

        <button id="connectButton">Connect wallet</button>
    </div>
    <script>
        document.getElementById("connectButton").addEventListener("click", event => {
            let account;
            let button = event.target;
            ethereum.request({ method: 'eth_requestAccounts' }).then(accounts => {
                account = accounts[0];
                console.log("Address" , account);
               button.textContent = account;

                ethereum.request({ method: 'eth_getBalance', params: [account, 'latest'] }).then(result => {
                    console.log("Hashed bal" , result);
                    let wei = parseInt(result, 16);
                    let balance = wei / (10 ** 18);
                    console.log("Account Balance" , balance + " ETH");
                });
            })
        });
    </script>
</body>

</html>