Published via Ecency

We are currently trying to find a way to use a service like GeoCities to host the front end of things and Hive API and Hive Engine API to work the back end of things. Input of any type would be extremely helpful.


<html>
<head>
    <title>PeakeCoin Balance</title>
    
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/hive.min.js"></script>
    <script>
        async function fetchBal() {
            const user = document.getElementById('user').value;
            if (!user) {
                document.getElementById('result').innerText = 'Enter username';
                return;
            }

            try {
                const api = new dhive.Client(['https://api.hive.blog']);
                const [acct] = await api.database.getAccounts([user]);

                if (!acct) {
                    document.getElementById('result').innerText = 'User not found';
                    return;
                }

                const bal = acct.balances.find(b => b.symbol === 'PEAK')?.balance || '0 PEAK';
                document.getElementById('result').innerText = `Balance: ${bal}`;
            } catch (err) {
                document.getElementById('result').innerText = 'Error fetching balance';
                console.error('Error:', err);
            }
        }
    </script>
</head>
<body>
    <h1>PeakeCoin Balance</h1>
    
    <form onsubmit="event.preventDefault(); fetchBal();">
        <label for="user">Hive Username:</label>
        <input type="text" id="user" name="user" required>
        <button type="submit">Check</button>
    </form>
    
    <h2 id="result"></h2>
</body>
</html>

Peakecoin Balance | Ecency