How to stop "[object Object]" from printing rather than the object itself?

Question

my problem probably has an incredibly easy fix, but I'm new to javascript and can't seem to find an answer for it. Heres the script:

var proxyUrl = 'https://cors-anywhere.herokuapp.com/',
    targetUrl = 'https://api.darksky.net/forecast/[key]/[latitude],[longitude]'
fetch(proxyUrl + targetUrl)
  .then(blob => blob.json())
  .then(data => {
    console.log(data);
    document.getElementById('weather').innerHTML = data;
  })

However when i run it, the <p> element doesnt change to the data itslef, it changes to "[object Object]" What am I doing wrong? Any help is appreciated.

PS: the targetUrl variable has placeholders where the parameters go, it won't run as-is.

`data` is not a string, it is an object. Your `console.log(data)` will show you the contents of the object. If there's a specific property of the object you want to display, use `data.PropertyName`. — Tyler Roper, Aug 18 '19 at 19:35
If you want to print the whole object just use: `JSON.stringify(data);` — Adrian, Aug 18 '19 at 19:35
Setting the innerHTML value will call `toObject` which will print `[object Object]` — evolutionxbox, Aug 18 '19 at 19:37

score 5 · Accepted Answer · answered Aug 18 '19 at 19:38

5

From what I understand you are trying to print the data into <p> element with id as "weather".

Please replace following line.

document.getElementById('weather').innerHTML = JSON.stringify(data);

It will work just fine.

answered Aug 18 '19 at 19:38

Sangwin Gawande

7,658
8
48
66

1

[This question](https://stackoverflow.com/q/957537/5037905) may help if you're looking for different ways to inspect your object. – Eric Reed Aug 18 '19 at 19:41

score 1 · Answer 2 · answered Aug 18 '19 at 19:37

1

Check the data returned by the API call and then add it to the html. I think it is returning an object and you are trying to display that object in the DOM.

answered Aug 18 '19 at 19:37

Praveen kumar

11
3

How to stop "[object Object]" from printing rather than the object itself?

2 Answers2