Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript JavaScript Loops, Arrays and Objects Tracking Multiple Items with Arrays Build a Quiz Challenge, Part 2 Solution

Different so sharing.

Hi all,

This looked a bit different so I thought I'd share. I'd love any feedback you're willing to offer.

Thanks,

//declare variables and functions
var answers = [];
var score = 0;
var correct = [];
var incorrect = [];
var questions = [
  ["How many legs does an insect have?", 6],
  ["How many days are in a week?", 7],
  ["What is the meaning of life?", 42],
  ["What is 6 times 7?", 42]
]

//fun loop asking questions, keeping score, adding answers to new arrays, and formatting 
for (i = 0; i < questions.length; i++){
    answers.push('');
    answers[i] = parseInt(prompt(questions[i][0]));
    if(answers[i] === questions[i][1]) {
         score +=1;
          correct.push([i+1] + ". " + questions[i][0] + "<br>");
    } else {
          incorrect.push([i+1] + ". " + questions[i][0] + "<br>");
    }
}

//Printing all messages. Arranged by line.
document.write("You got " + score + " question(s) right. <br>" +
               "<h2>You got these questions right:</h2> <br>" + 
               correct.join("") + "<br>" + 
               "<h2>You got these questions wrong:</h2> <br>" +
               incorrect.join("")
              );

2 Answers

Steven Parker
Steven Parker
215,954 Points

For any non-trivial task, there will always be multiple ways to achieve the goal.

For the benefit of those who haven't just done this exercise themselves, how would you describe what's different?

Well, I know four things I did differently.

  1. I decided to put all my formatting into the actual JavaScript program so it could all be contained nice and neatly. (I did this prior to watching the second challenge video as I thought both parts were assigned in the first video.)

  2. In my loop, I concatenated each answer element into a useable string that prints out a single answer with a line break tag This way, all I had to do was combine the elements in each array with a join command and they would would form a string that writes the correct and incorrect answers down in separate lines.

  3. I declared, ahead of time that my variables we're arrays and told my program to create a new answer array slot for each question supplied.

  4. I arranged the question printouts with the number related to the order the questions were asked rather than their order in each correct and incorrect answer array.

I think I would have done the formatting differently if I realized I ought to create html strings for the answer printouts.