So once we have our sheet data as needed and it's putting the questions away, we're ready to move that
and migrate that into our Web application.
So just make sure that it is outputting property.
And I'm removing some of the console messages.
And we do have the same function that's loading the questions, the question content.
So it should be fairly easy to copy and paste some of the code and easily bring it in to our application.
And instead of contacting the JSON file, we're going to be getting the content and coming out of what
we've got within the JavaScript object.
So we're outputting the questions.
So let me just move this down to the bottom and we can also output the questions on the page
to make sure that we've got the same structure as we did from the JSON file.
So let's put it into the validator.
And everything looks very similar to what we have or what we had whenever we're outputting with APS
five, whenever we've reconstructed our JavaScript object.
So now we can copy the rest of this information out.
So what I'm going to do is I got to make a copy of APS five and then we'll update the code from the
APS six into the APS seven and just update the way that we're getting the data.
So let's pull in content from APS seven and that's again loading the content and just again, make sure
that it does look the same.
So we've got a correct option and questions.
So everything looks pretty good and let's make an update.
So adding in the ID and that you are all so going up to where we've got the euro, so ID and you URL
and then let's load the we've got the questions array and then the only function that's really different
is the load questions function.
So let's go into there and update the load.
Questions function with our newly constructed function that we did from the last lesson.
So we're ready to start the quiz.
Let's add in a new question.
And what is the ocean so this can be blue, purple, red, yellow.
So let's see what happens.
So it looks like it loaded properly.
Start the quiz.
What color is the ocean?
So we got it wrong.
What color is the sky?
We got it right.
What color is the grass?
Got that right.
And also this one.
So right now we scored two so far four questions, completed a score of two and generated our response
to the quiz.
So we're able to successfully link our quiz application getting more complex, Jason, data that's coming
from the spreadsheet.
And then now this is just running regular front end code, connecting to the sheet data so you can load
this onto your website and have the quiz content driven from a Google spreadsheet.
And you could try it out, build your own version, and then, of course, as you customize the quiz
and the presentation of the quiz content, you can also update that, how it looks and the how it goes
through and even how the results are being presented to the user.
In the main objective of the earlier lessons was to be able to take JSON data, very complex JSON data,
and make use of it within your Web application.
Now you're ready to finalize your application, whether you're getting Cui's from adjacent file or whether
you're getting it from sheets, you can go through the application and do some debugging, make some
updates to the staling as needed.
So in this case, go ahead and try to update some of the content within the sheet, refresh the Web
application and try it out and just make sure that it is working as expected.
If you have any questions or comments, I'm always happy to hear from you.
Thanks again for taking this section.