examples/index.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <div>Hello SteemRPC</div>

    <div style="padding-top: 20px" id="success"></div>

    <div style="padding-top: 20px">
        <table>
            <tbody id="dynamic_global"></tbody>
        </table>
    </div>

    <script src="../build/steem-rpc.min.js"></script>
    <script type="text/javascript">
        var Api = new window.steemRPC();
        Api.get().initPromise.then(response => {
            console.log("Api ready:", response);
            var sucessDiv = document.getElementById("success");
            sucessDiv.innerText = "Successfully connected to the Steemit API, now fetching the global properties:"
            
            Api.get().dbApi().exec("get_dynamic_global_properties", []).then(response => {
                console.log("get_dynamic_global_properties", response);
                var globalTable = document.getElementById("dynamic_global");

                for (var key in response) {
                    var tr = document.createElement("tr");
                    var keyTd = document.createElement("td");
                    keyTd.innerText = key;
                    var definitionTd = document.createElement("td");
                    definitionTd.innerText = response[key];

                    tr.appendChild(keyTd);
                    tr.appendChild(definitionTd);
                    globalTable.appendChild(tr);
                }
            })
        });

    </script>
</body>
</html>