<!doctype> <html> <head> <title>Ethereum</title> <script type="text/javascript" src="../ext/bignumber.min.js"></script> <script type="text/javascript" src="../ext/ethereum.js/dist/ethereum.js"></script> <style type="text/css"> body { font-family: Helvetica; } div.logo { width: 192px; margin: 40px auto; } </style> </head> <body> <div class="logo"><img src="logo.png"></img></div> <h1>Info</h1> <table width="100%"> <tr> <td>Block number</td> <td id="number"></td> </tr> <tr> <td>Peer count</td> <td id="peer_count"></td> </tr> <tr> <td>Accounts</td> <td id="accounts"></td> </tr> <tr> <td>Gas price</td> <td id="gas_price"></td> </tr> <tr> <td>Mining</td> <td id="mining"></td> </tr> <tr> <td>Listening</td> <td id="listening"></td> </tr> <tr> <td>Coinbase</td> <td id="coinbase"></td> </tr> </table> </body> <script type="text/javascript"> var web3 = require('web3'); var eth = web3.eth; web3.setProvider(new web3.providers.HttpSyncProvider('http://localhost:8545')); document.querySelector("#number").innerHTML = eth.number; document.querySelector("#coinbase").innerHTML = eth.coinbase document.querySelector("#peer_count").innerHTML = eth.peerCount; document.querySelector("#accounts").innerHTML = eth.accounts; document.querySelector("#gas_price").innerHTML = eth.gasPrice; document.querySelector("#mining").innerHTML = eth.mining; document.querySelector("#listening").innerHTML = eth.listening; eth.watch('pending').changed(function() { console.log("pending changed"); }); eth.watch('chain').changed(function() { document.querySelector("#number").innerHTML = eth.number; }); </script> </html>