From c2ed233912de88be035803b343d4a0fbf8b0e637 Mon Sep 17 00:00:00 2001
From: Joris Bontje <jorisbontje@gmail.com>
Date: Mon, 9 Mar 2015 14:19:42 +0100
Subject: [PATCH] update balance example for new api

---
 example/balance.html | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/example/balance.html b/example/balance.html
index e1c2dd0..2829153 100644
--- a/example/balance.html
+++ b/example/balance.html
@@ -7,19 +7,17 @@
 <script type="text/javascript">
    
     var web3 = require('web3');
-    web3.setProvider(new web3.providers.HttpSyncProvider('http://localhost:8080'));
+    web3.setProvider(new web3.providers.HttpSyncProvider());
 
     function watchBalance() {
         var coinbase = web3.eth.coinbase;
-        var originalBalance = 0;
 
-        var balance = web3.eth.getBalance(coinbase);
-        var originalBalance = web3.toDecimal(balance);
-        document.getElementById('original').innerText = 'original balance: ' + originalBalance + '    watching...';
+        var originalBalance = web3.eth.getBalance(coinbase).toNumber();
+        document.getElementById('coinbase').innerText = 'coinbase: ' + coinbase;
+        document.getElementById('original').innerText = ' original balance: ' + originalBalance + '    watching...';
 
-        web3.eth.watch('pending').changed(function() {
-            balance = web3.eth.getBalance(coinbase)
-            var currentBalance = web3.toDecimal(balance);
+        web3.eth.filter('pending').watch(function() {
+            var currentBalance = web3.eth.getBalance(coinbase).toNumber();
             document.getElementById("current").innerText = 'current: ' + currentBalance;
             document.getElementById("diff").innerText = 'diff:    ' + (currentBalance - originalBalance);
         });
@@ -31,6 +29,7 @@
     <h1>coinbase balance</h1>
     <button type="button" onClick="watchBalance();">watch balance</button>
     <div></div>
+    <div id="coinbase"></div>
     <div id="original"></div>
     <div id="current"></div>
     <div id="diff"></div>