nmach418 / project-1 Goto Github PK

HTML Page

starting from the body tag pay close attention to how you are indenting. You want your code to be formatted properly as well. so all your elements should be inline with one another unless they are within them for example if you have an h1 within a div it wouldn't sit inline.

The content all looks fine and the id you present for each field is useful when figuring out what it will be referencing.

CSS Page
CSS page looks fine. The one thing I would encourage once again is the alignment. Your text editor should do the initial alignment for you. But I would also add a line of space in between each set of styling.

JS Page
There is obviously a bit more work to be done here. The first thing you can do is store your data differently. The first thing you can do is store your data into an array of Objects. Like you see below

var myQuestions = [
{
question: "What is ??? ",
correctAnswer: '......a......'
},
{
question: "What is ?",
correctAnswer: '......c.....'
}
];

This is one method you can play around with. This way you have your question data and the answer within the same object and they already correlate. then have a function that renders the question. Then continue with another function that brings in the users answer and compares it to the "correctAnswer". You have a lot of the functionality built out already. You have a function that is asking the question but you hard code in one particular question. But then it has to compare with another function that has a different data set.

I would also like to reiterate proper indentation on this page as well. It keeps things more organized and allows you to read the code more easily.