Alternate Analysis Quiz

This quiz has no right and wrong answers. Instead each answer has a numeric value assigned to it and the values for the selected answers are added up to give a final total which is then converted into a percentage figure where zero percent means that the lowest valued answer was selected every time and 100 percent means that the highest valued answer was selected each time. If intermediate valued answers are selected or a mix of high and low valued answers is selected then an intermediate percentage value will result.

Where it differs from the original analysis quiz is that this version requires that you specify a comment page to be displayed after each question is answered where you can put whatever information that you want to display about the previous question and what the different answers might mean.

Step One - Fill out the following form for each question that you want to contain within your quiz. Each time you press the "Add Question" button the code in the textarea immediately below will be updated to add the new question and answers to those you have already added to the quiz. Once you have all your questions entered highlight the content of the text area and copy/paste it into a new JavaScript file (eg. quizhead.js).

Question:
Answer One
Answer Two
Answer Three
Answer Four
This entry contains HTML code.
Comment Page:
Analysis Page:

Step Two - add the following code immediately before the </head> tag in the page where you want the quiz displayed.

<script src="quizhead.js" type="text/javascript"></script>

Step Three - select the JavaScript in the following textarea and save it as quizbody.js.

quizbody.js

Step Four - attach this script into the body of your question page where you want the quiz question to appear using:

<script src="quizbody.js" type="text/javascript"></script>

Step Five - select the JavaScript in the following textarea and save it as quizans.js.

quizans.js

Step Six - add the following code immediately before the </head> tag in each answer page

<script src="quizbody.js" type="text/javascript"></script>

Step Seven - add the following code somewhere in the body of each answer page where you want the link to appear that will take them to the next question.

<a href="javascript:quiz();">Next Question</a>

Step Eight - Set up the Analysis Quiz Answers page.

 

This article written by Stephen Chapman, Felgall Pty Ltd.

go to top

FaceBook Follow
Twitter Follow
Donate