How to display objects inside an array using javascript : <p>So I have an array of objects and I want to display them in order.  I want to assign each attribute or property of the object to DOM objects such as "title" to h1 or "description" to p etc. and have each object inside a new div element. I'm sort of new to javascript so I'm really not sure where to start here.</p>

<pre><code>var ads = [
{
    title: "Photo Play Paper Collections",
    description: "Don't miss these brand new Photo Play Paper Collections!",

},
{
    title: "Foil &amp; Foiling Accessories",
    description: "Once you add this color &amp; shine to your paper, wood, fabric, or other porous surfaces you'll want to do it over and over again.",

},
];
</code></pre>

<p>When I try to display this </p>

<pre><code> document.getElementById("test").innerHTML=ads
</code></pre>

<p>It just returns as </p>

<p>[object Object],[object Object]</p>

<p>First of all, how to I get it to display the actual information stored, and secondly how would I append each attribute to an element using javascript?  Sorry this is sort of vague.  The only things I've seen involve using angular or react.  Is there a somewhat simple way to do this using only pure javascript?</p>
