undefined on first array element in javascript

Question

I am trying out a simple quiz application in JavaScript. I have array of questions object and when I loop through the array and print out the questions it says undefined on the first one but second one is printing the questions to the console.log. Any knows whats happening here.

Thanks.

var questions = 
    [
      
      {
        questions: "What color is of milk?",
        choices: ["White", "Blue", "Brown", "Red"],
        answer: 0
      },
      
      {
        question: "What is Tallest Building in the world?",
        choices: ["Eifle Tower","Burg Khalifa", "Shenghai Tower" ],
        answer: 1
      }
    ];


  for ( var i = 0; i < questions.length; i++ ) {
     question = questions[i].question;
     choices = questions[i].choices;
     answer = questions[i].answer;
    
    console.log ( question );
    console.log ( choices );
    console.log ( answer );
  
  }

phreakv6 · Accepted Answer · 2016-06-07 09:08:11Z

2

Shouldn't questions: "What color is of milk?", be question: "What color is of milk?",

This works fine.

var questions = 
    [

      {
        question: "What color is of milk?",
        choices: ["White", "Blue", "Brown", "Red"],
        answer: 0
      },

      {
        question: "What is Tallest Building in the world?",
        choices: ["Eifle Tower","Burg Khalifa", "Shenghai Tower" ],
        answer: 1
      }
    ];


  for ( var i = 0; i < questions.length; i++ ) {
     question = questions[i].question;
     choices = questions[i].choices;
     answer = questions[i].answer;

    console.log ( question );
    console.log ( choices );
    console.log ( answer );

  }

answered Jun 7, 2016 at 9:08

phreakv6

2,1651 gold badge11 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

J Akhtar Over a year ago

upvoted it but can't accept answer in 10 minutes will do after that. I am creating radio buttons for each choices items so the user can choose the answer. createElement, createTextNode and appendChild approach will this be ok for the small program?

phreakv6 Over a year ago

Sure, please do. Yes that should do. Do consider jQuery too. You can do this a bit easier with it. Stuff like this $('<input type="radio" name="blah"/>').appendTo('#myDiv'); where you can leverage your knowledge of html and css to work with the DOM.

J Akhtar Over a year ago

just wanna try to avoid jquery coz I'm learning JavaScript and advised to do so until I have good grasp of the language itself.

J Akhtar Over a year ago

just not sure how the first question will be loaded when the page loads and the rest I want to load with click of button namely a next button?

phreakv6 Over a year ago

You could write a function showQuestion() and then do a <body onload="showQuestion()"> and then on the button use a onClick="showQuestion()" to show the next question. Initialise the question_idx in a global variable and increment it everytime showQuestion is called. Try it out and happy coding!

|

Collectives™ on Stack Overflow

undefined on first array element in javascript

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related