Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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

Why is only the first letter of each question is displayed...?

Can't find any errors. Only first letter of each question is displayed in the list. No idea why. Any suggestions?

var questions = [
  ['How many states are in the United States?', 50],
  ['How many continents are there?', 7],
  ['How many legs does an insect have?', 6]
];
var correctAnswers = 0;
var question;
var answer;
var response;
var correct = [];
var wrong = [];

function print(message) {
  var outputDiv = document.getElementById('output');
  outputDiv.innerHTML = message;
}

function buildList( arr ) {
  var listHTML = '<ol>';  // ol, not sure why this isn't visible but it's in the original code
  for ( var i = 0; i < arr.length; i += 1 ) {
    listHTML += '<li>' + arr[i][0] + '</li>';
  }
  listHTML += '</ol>'; // ol, not sure why this isn't visible but it's in the original code
  return listHTML;
}   

for (var i = 0; i < questions.length; i += 1) {
  question = questions[i][0];
  answer = questions[i][1];
  response = prompt(question);
  response = parseInt(response);
  if (response === answer) {
    correctAnswers += 1;
    correct.push(question);
  } else {
    wrong.push(question);
  }
}

html = "You got " + correctAnswers + " question(s) right."
html += '<h2>You got these questions correct:</h2>';
html += buildList(correct);
html += '<h2>You got these questions wrong:</h2>';
html += buildList(wrong);
print(html);

2 Answers

Milo Winningham
seal-mask
.a{fill-rule:evenodd;}techdegree
Milo Winningham
Web Development Techdegree Student 3,317 Points

When you call your buildList function, you're giving it an array of question strings rather than a nested array like questions. Because of this, inside your buildList function, arr[i] gets the question out of the array, so arr[i][0] would get the first letter of that question.

Thank you Milo!

Corrected code...

listHTML += '<li>' + arr[i] + '</li>';