No displays from array object

Question

After I add name value from textbox, and then name value didn't display on webpage and it just display [object Object][object Object], I tried converting from objects to string but don't solve problem.

document.getElementById("test").innerHTML = obj.toString(); -> don't work.

Check all my code at below:

<script>

       const obj = 
       [{
        iname: "",
        iprice: ""
       }];

    function btn()
    {
               
                var name = document.getElementById('Iname').value;
                var price = document.getElementById('Iprice').value;

                obj.push({
                    iname: name,
                    iprice: price
                });

                document.getElementById("test").innerHTML = obj;
    }

    </script>

Does this answer your question? [Convert JS object to JSON string](https://stackoverflow.com/questions/4162749/convert-js-object-to-json-string) — Alan Yu, Nov 28 '21 at 17:43

score 0 · Accepted Answer · answered Nov 28 '21 at 17:41

0

Try this

document.getElementById("test").innerHTML = JSON.stringify(obj);

It's what I use to debug objects

answered Nov 28 '21 at 17:41

Link Strifer

546
1
3
7

No displays from array object

1 Answers1