Не могу получить счетчик работы внутри функции в Javascript

Question

Я пытаюсь создать викторину в предисловии в Javascript в качестве своего первого упражнения «с нуля». Это мой fiddle, который имеет все остальные коды.

Это мой вопрос:

var allQuestions = [{ 
    "question": "Who was Luke's gunner in the battle at Hoth?", 
    "choices": ["Dak", "Biggs", "Wedge", "fx-7"], 
    "correctAnswer": 0 
}]; 

Вот в этой функции, я включил в цикле, который должен пройти через радиокнопки против выбора пользователей. Смотри ниже.

function answerFwd() { 
    var answerOutput = " "; 
    var itemAnswers = allQuestions; 
    var answer = 0; 
    var playerTally = 0; 
    var playerFeedback = ""; 
    var playerMessage = document.getElementById("playerMessage"); 

Сейчас я застрял в этом; Соответствие правильного ответа в массиве, с тем, что пользователь будет выбирать в переключателях, а затем динамически отображать счет.

Прямо сейчас, я могу получить 0 для отображения, но без приращения.

var radioValue = $("input[type='radio'].radioButtons:checked").val(); 

    if (currentAnswer <= itemAnswers.length) { 
     currentAnswer++; 
    } 
    createRadioButtonFromArray(itemAnswers[currentQuestion].choices); 

    for(i = 0; i < radioValue.length; i++) { 
     if(radioValue[i].checked) { 
      if(radioValue[i].value == itemAnswers.correctAnswer) { 
       playerTally++; 
       break; 
      } 
     } 
    } 

    playerFeedback += "<h4>" + playerTally + "</h4> <br/>"; 
    playerMessage.innerHTML = playerFeedback; 
} 

Я не против того, чтобы решения с JQuery, но предпочел бы JS альтернативу ванили, только так я могу видеть, что происходит!

Спасибо вам заранее!

Answer 1

Перед тем, как перейти к следующему вопросу, вы можете выяснить, если ответ является правильным с

if (document.querySelectorAll("#responses input")[allQuestions[currentQuestion].correctAnswer].checked) 

Answer 2

Полное решение

fiddle

var radios = document.querySelectorAll("#responses input"); 
var correct = allQuestions[currentAnswer].correctAnswer; 

if (radios[correct].checked) { 
    playerTally++; 
    playerFeedback += "<h5>" + playerTally + "</h5> <br/>"; 
    playerMessage.innerHTML = playerFeedback; 
} 


if (currentAnswer <= itemAnswers.length) { 
    currentAnswer++; 
} 

А теперь присмотритесь это то же самое, что и у мистера Ме