2次元配列の値を1次元配列と比較する

Question

私はクラスのためのトリビアゲームを作成していますが、2次元配列の1つのインデックスのすべての値を1つのインデックスの1つの値と比較するのは苦労しています別の配列の私の限られた経験から、私はこれらの値を比較するif文を使用しています。私はステップを逃しているに違いないが、それを解決する方法がわからない。間違いがあると思うコード行は、$(".choice").on('click', function() {});

ありがとうございました。

JS：

window.onload = function() { 
    $('#start').html('<div class="text-center"><button type="button" class="btn btn-default">Start</button></div>'); 
}; 

var questionArray = ["This bands second album went platinum 5 times in the UK and double Platinum in the US.", "This band was formed in Australia and their first album, which had you Walking On A Dream, has sold over 3 million copies."]; 
var optionArray = [["Radio Head", "Gorillaz", "Coldplay", "Arctic Monkeys"], ["Empire Of The Sun", "M83", "MGMT", "Two Door Cinema Club"]]; 
var answerArray= ["Gorillaz", "Empire Of The Sun"]; 
var imageArray= ["http://cdn3.pitchfork.com/artists/1767/m.65d9c64d.jpg", "http://crowningmusic.com/storage/rA7GUFFoBCtT8Jg4L1tv.png", "", "", ""]; 

var count = 0; 
var question = 0; 

$("#start").on('click', function() { 

    $(this).css("display","none"); 

    timer(
     30000, 
     function(timeleft) { 
      $('#timer').html(timeleft); 
     }, 
     function() { 
      // What happens after // 
     } 
    ); 

    $("#question").html(questionArray[question]); 
     for (var j = 0; j < 4; j++) { 
      $("#options").append('<button class="choice">' + optionArray[question][j] + "</button>" + "<br>"); 
     } 

    $(".choice").on('click', function() { 
     console.log('click'); 
     console.log(answerArray[question]) 
     if (optionArray[question] == answerArray[question]) { 
      console.log("Working"); 
     } 
    }); 
    // $("#holder").html("<img src=" + questionArray[count] + ">"); 
}); 

function nextQuestion() { 
    count++; 
} 

// Timer Function // 
function timer(time,update,complete) { 
    var start = new Date().getTime(); 
    var interval = setInterval(function() { 
     var now = time-(new Date().getTime()-start); 
     if(now <= 0) { 
      clearInterval(interval); 
      complete(); 
     } 
     else update(Math.floor(now/1000)); 
    },100); // the smaller this number, the more accurate the timer will be 
} 

Answer 1

あなたは正しい答えを、質問への回答を比較している場合、ユーザー選択された選択肢のインデックスを含める必要があります。このような何か試してみてください：

$("#question").html(questionArray[question]); 
for (var j = 0; j < 4; j++) { 
    // Include an ID in the choice button 
    $("#options").append('<button class="choice" id="choice_' + j + '">' + optionArray[question][j] + "</button>" + "<br>"); 
} 

$(".choice").on('click', function() { 
    console.log('click'); 
    console.log(answerArray[question]); 

    // Get the index of the selected answer through the ID attribute 
    var selectedAnswerIndex = $(this).attr('id').substring("choice_".length); 
    if (optionArray[question][selectedAnswerIndex] === answerArray[question]) { 
     console.log("Working"); 
    } 
}); 

Answer 2

を回答インデックスを扱っていないもう一つのオプションは、次のようになります。

$(".choice").on('click', function() { 
    console.log('click'); 
    console.log(answerArray[question]) 

    // Use the text content of the button to check the answer 
    if ($(this).text() === answerArray[question]) { 
     console.log("Working"); 
    } 
}); 

注：これは、ボタンが唯一可能な答え値が含まれているという事実に依存タグの間にボタンの中に何かを置くと、この解決法は機能しません。