If you look at the JSON posted further below, I have several objects named row0, row1, row2 etc…
The code I posted further below works but not as intended. The problem lies with the following line:
for (let key in movies.row1) {
I hard coded row1 but I really want to achieve is row1 then row2 then row3 etc…
So I want to insert the value of i into the name of the object after the word row…
movies.rowi <— i needs to be a variable not the letter i.
I tried a few guesses from googling and stackoverflow like movies.row${[i]} but nothing worked. Also, tried spread operator something like movies.row[1…6] but its invalid.
function display_all_movies(movies) {
for (i = 0; i < movies.row_count.count; i++) {
for (let key in movies.row1) {
document.getElementById("moviesList").innerHTML += `Key: ${key}` + `Value: ${movies.row1[key]}` + '<br>';
}
}
}
movies is an object in JSON format, which is validated. Movies JSON is as follows:
{"row0" : {"title":"Avengers","imgName":"Avengers.jpeg","addedBy":"MrCoolDude","stars":"4"},"row1" : {"title":"Spiderman","imgName":"Spiderman.jpeg","addedBy":"TheNumber2Dude","stars":"5"},"row2" : {"title":"Conair","imgName":"conair.png","addedBy":"Eagleuser","stars":"3"}, "row_count" : {"count" : "4"},"row3" : {"title":"Robin","imgName":"Robin.jpeg","addedBy":"UserBatman","stars":"4"}}