I need help with iterate object, trough all properties and printing all properties out.

My code looks like this,

Question

I really need help with this, after several days of searching i still don't get it.
My code looks like this now.
var allQuestions = [
{
    question: "What is Javascript?", 
    choices: ["serverlanguage", "A programming language", "A song", "A fruit"], 
    correctAnswer:1
},
{
    question : "Where is javascript used?",
    choices : ["test", "browser", "fruitbasket", "space", "home"],
    correctAnswer : 1
}
];
var h1 = document.getElementById('h1');
for (var prop in allQuestions) {
h1.innerHTML =  allQuestions[prop].question;
// with hi.innerHTML i get only the first question displayed,
   // with document.write i get both questions displayed
  //document.write(prop, allQuestions[prop].question); 
}

Kristian Kallionpää · Answer

there is a typo i fixed it, not sure why i had nr 1 instead of i there. It's working now

Kristian Kallionpää · Answer

Example.. I can display the first question and first choiches with innerHTML...
var h1 = document.getElementById('h1');
for (var i = 0; i < allQuestions.length; i++) {
    h1.innerHTML = allQuestions[1].question + ", " + allQuestions[i].choices;
}
When i try again with document.write instead of innerHTML then I can display both answers and both choices like this.
for (var i = 0; i < allQuestions.length; i++) {
    document.write(allQuestions[1].question + ", " + allQuestions[i].choices);
}
Why cant i print both  with innerHTML?

Welcome to the Treehouse Community

Looking to learn something new?

Kristian Kallionpää

Kristian Kallionpää

I need help with iterate object, trough all properties and printing all properties out. My code looks like this,

2 Answers

Kristian Kallionpää

Kristian Kallionpää

Kristian Kallionpää

Kristian Kallionpää