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 trialMicah Angelica Baguio
3,409 PointsBuild a Quiz Challenge
It won't display the "correct answers or responses" after. It's just completely blank
const questions = [ ['What is the nearest planet towards the Sun?', 'Mercury'], ['What is the second nearest planet towards the sun?', 'Venus'], ['What is the third nearest planet towards the sun?', 'Earth'], ['Name of the planet next to planet Earth', 'Mars']
];
// 1. Create a multidimensional array to hold quiz questions and answers
// 2. Store the number of questions answered correctly
let correctAnswers = 0; /*
-
Use a loop to cycle through each question
- Present each question to the user
- Compare the user's response to answer in the array
- If the response matches the answer, the number of correctly answered questions increments by 1 */ for ( let i = 0; i < questions.length; i++ ) { let question = questions[i] [0]; let answer = questions[i] [1]; let response = prompt(question);
if ( response === answer ) { correctAnswers++; } }
// 4. Display the number of correct answers to the user
let html =
<h1>You got ${correctAnswers} question(s) correct</h1>
;
document.querySelector('main').innerHTMl = html;
1 Answer
Steven Parker
231,275 PointsThere's just a little typo on the last line where the code has "innerHTMl" (with a lower case "l") instead of "innerHTML".
For future reference, you might want to take a look at this video about Posting a Question, and also this one about sharing a snapshot of your workspace. And for when code must be added to a post instead of using a snapshot, see this video about using Markdown formatting to preserve the code's appearance.
Micah Angelica Baguio
3,409 PointsMicah Angelica Baguio
3,409 PointsI figured it out. Thank you!