प्रश्नोत्तरी आवेदन: सही उत्तरों की पुष्टि

मैं एक प्रश्नोत्तरी आवेदन का निर्माण कर रहा हूं और मुझे यह सत्यापित करने में समस्या हो रही है कि उपयोगकर्ता के उत्तर सही हैं या नहीं। प्रश्नोत्तरी में 10 प्रश्न हैं, और उपयोगकर्ता से जवाब प्राप्त करने के लिए रेडियो बटन का उपयोग करते हैं। कुछ प्रश्नों के लिए, कोई भी उत्तर सही के रूप में पंजीकृत नहीं होता है, और कुछ अन्य प्रश्नों के लिए, सभी उत्तरों सही के रूप में पंजीकृत होते हैं।

प्रत्येक प्रश्न का अपना 'प्रश्न क्लास' होता है, जैसा कि उल्लिखित है:

function questionClass (q, a1, a2, a3, a4, n, c) {
this.question = q;
this.answer1 = a1;
this.answer2 = a2;
this.answer3 = a3;
this.answer4 = a4;
this.number = n;
this.correct = c;

प्रत्येक प्रश्न वर्ग निम्न सूत्र के साथ बनाए गए हैं:

var questionOne = new questionClass("quotation to be analyzed", 'answer1','answer2','answer3','answer4', number, 'correct');
questions.push(questionOne);

यह सत्यापित करने के लिए कि उपयोगकर्ता को सही उत्तर मिला है या नहीं:

    this.checkAnswer=checkAnswer;
    function checkAnswer() {

    if ($('input:radio[name=" ' + this.number + ' "]:checked').val() == this.correct) {
        score++;
    }
    else if ($('input:radio[name=" ' + this.number + ' "]:checked').val() == this.correct) {
        score++;
    }
    else if ($('input[id=" ' + this.answer3 + ' "]:checked') && (this.answer3 == this.correct)) {
        score++;
    }
    else if ($('input[id=" ' + this.answer4 + ' "]:checked') && (this.answer4 == this.correct)) {
        score++;
    }
    else {
        console.log("you got the wrong answer");
    }

}

प्रश्नों के बीच आगे बढ़ने के लिए कार्य निम्नानुसार है:

$("#continue").click(function(){
    counter++;

    if (counter == 1) {
        questions[x].display();
    }
    else if ((counter >= 1) && (counter <= 10)) {
        if (questions[x].isSelected()) {
            $('.warning').html("");
            questions[x].checkAnswer();
            $('.score').html("
Your score is " + score + " out of 10

"); x++; if (x < 10){ questions[x].display(); } } } else if ((counter >= 11) && (!questions[x].isSelected())) { return; } else { $('.warning').html(""); questions[x].checkAnswer(); $('.score').empty(); $('#container').html('

You scored ' + score + ' out of 10.

');
        $('#container').append('<input type="button" id="tryAgain" value="Try Again!">');

    }
});

एप्लिकेशन को इस लिंक पर देखा जा सकता है:

http://dl.dropboxusercontent.com/u/91499081/QuizApp/quizApp.html

Fiddle http://jsfiddle.net/MCjna/

0
यहां मेरे सभी कोड के साथ एक jsfiddle है, हालांकि "जारी रखें" बटन इसमें काम नहीं कर रहा है, भले ही यह उपरोक्त लिंक किए गए एप्लिकेशन पेज पर काम करता हो। jsfiddle.net/thektulu/TrFmJ
जोड़ा लेखक user2976607, स्रोत
एक jsfiddle बहुत उपयोगी होगा
जोड़ा लेखक Amine Hajyoussef, स्रोत
आपके पास लिंक में कोड लें और इसे jsfiddle.net में रखें जहां अन्य इसके साथ खेल सकते हैं
जोड़ा लेखक charlietfl, स्रोत

कोई जवाब नहीं है

0