How to handle object promise?

Question

I am using browserify. I have node.js file as below:

const Web3 = require('web3');
const web3 = new Web3('https://kovan.infura.io');

window.onload = function () {

web3.eth.getBalance('0x9E632F36D8193a23ee76e7C14698aCF4b92869A2').then(console.log)
document.getElementById("sc_bal").innerHTML=web3.eth.getBalance('0x9E632F36D8193a23ee76e7C14698aCF4b92869A2');

};

I want to show the smart contract address in HTML div element. If I console the value it shows the output, but if I bind value with div element then it displays as

[object Promise]

Can anybody help me with this problem?

score -2 · Answer 1 · edited Jun 20 '20 at 09:12

-2

The Promise object represents the eventual completion (or failure) of an asynchronous operation, and its resulting value.1

document.getElementById("sc_bal").innerHTML=web3.eth.getBalance('0x9E632F36D8193a23ee76e7C14698aCF4b92869A2')
.then(val => val)
.catch(err => err.message);

This might help.

edited Jun 20 '20 at 09:12

Community

1
1

answered May 13 '19 at 07:19

Kunal Virk

132
5

No this can't work! – Varsh May 13 '19 at 07:21
have you tried it? – Kunal Virk May 13 '19 at 07:29
Yes. I tried but didn't solve my issue. – Varsh May 13 '19 at 07:33
You said that you are getting your object in console, but upon writing it in a div you get `[object Promise]`. Try `JSON.stringify(YOUR_RESPONSE)`. As the div won't allow to write object in it. – Kunal Virk May 13 '19 at 07:42

How to handle object promise?

1 Answers1