Hi everyone. I have a json array for movie details. What i want is for each poster object in the array, i want to make a div with the background image as the poster (the url is in the array). But it DOESNT WORK!! If works find if i just make a paragraph with the poster url but when i  make the divs they dont show.. Someone correct my code or something if its wrong:


<code>
var myarray = [{

"title": "Frozen",

"year": "2013",

"poster": "https://image.tmdb.org/t/p/w150/jIjdFXKUNtdf1bwqMrhearpyjMj.jpg"

},



{

"title": "Frozen",

"year": "2013",

"poster": "https://image.tmdb.org/t/p/w150/jIjdFXKUNtdf1bwqMrhearpyjMj.jpg"

}];




displaymovies(myarray);



function displaymovies(arr) {

var imgpath = "";

var i;

for(i = 0; i < arr.length; i++) {

imgpath += arr.poster;

}

var movitem = document.createElement("div");

movitem.className = "dpad-focusable";

movitem.id = "recbox";

movitem.tabIndex = "0";

movitem.style.backgroundImage = "url(" + imgpath + ")";

var innermov = document.getElementByid("innermov");

innermov.appendChild(movitem);

}



</code>