Jquery Quiz Application How To Implement A Point Based Answering System?

So I am reasonably new to javascript and jquery. I have been looking at tutorials which have been a good starting point however they all seem to have one question that is right, so

Solution 1:

First, an assumption:

• answers[i] contains a number which is what the user picked as an answer to question i (Note: if answers[i] is in fact a character, you can get the integer value by subtracting answers[i] by the ascii value of 'a').

To do what you want to do, simply define a 2-dimensional array score[i][j], where i is the index of the question, and j is the option number (ie the asnwer to question i), then score[i][j] gives the score for this question. So let's say for question 1, the options are as you described above (ie a = good, b = wrong, ...), then you would have

//set the values for the answers
score[1][1] = good; score[1][2] = wrong; score[1][3] =  wrong; score[1][4] = okay
score[2][1] = okay; score[2][2] = good; score[2][3] = wrong;
//more score setting//get the value of the answervar score_q1 = score[1][answers[1]]
var score_q2 = score[2][answers[2]]

ie, since answers[i] contains the value of the answer as a number, by calling score[question_nb][answers[question_nb]] you get the score for that question. In this case, there are no if statements. If you want to get the total score, just loop over all questions and sum up the score for that question.

Solution 2:

The best way would be a key/value pair. I would try something like json. You would have your json with a key of good and a value (for points) as 50. The json would look something like below:

var kvPair = {"good":"50", "wrong":"0", "okay":"10"};

then when someone clicks an answer it would run ajax to determine the score:

$.ajax({
    type: "POST",
    dataType: "json",
    url: "someUrl",
    data: kvPair,
    success: function(data) {
        //do something with score data
    },
    error: function(event) {
        ShowErrorLabel("ERROR in ajax call('someUrl'): \n" + "Error : " + event.status + " - " + event.statusText);
    }
});