I have the folowing App returning value to my function:

```js
app.get('/account/balance/:email', function (req, res) {
    console.log('Your remaining balance is: ' + db.get('account').find({email: 'bill@gmail.com'}).value().balance);
    res.send(db.get('account').find({email: 'bill@gmail.com}).value().balance);
});

```

```js
// The function below send and recive request via URL in the function

function balance() {
    var email = 'bill@gmail.com'
    var bal = document.getElementById("RemainingBalance");
    var url = '/account/balance/' + email;

    superagent
        .get(url)
        .end(function(err, res){
            if(err){
                console.log(err);
            }
            else{
                console.log(res);
                bal.innerHTML = JSON.stringify(res.body);
            }
        });
}

```

I would like the function to print the value of 'balance' in my html webpage
I can print abalance on console using above code but I cannot print it on html.

HTML Code:

```
    <input type="email" id="balanceEmail" placeholder="email">
    <input type="button" class="btn btn-light" name="balance" onclick="balance()" value="Show Balance">
      <div class="" >
        <p id="RemainingBalance"></p>
      </div>

```