Wie man Variablen von einer Iteration zurückgibt

Question

Guten Tag alles, ich schuf diese Javascriptquiz-APP und ich habe einige Programmfehler, in denen ich nicht herausfinden kann.

Es wird korrekt angezeigt, aber wo der Fehler ist, ist am Ausgang, der zurückgeben soll "Sie haben (keine der beantworteten Fragen) aus beantwortet (Gesamtanzahl der Fragen). Hier wird nur 0 wenn wenn der Wert angezeigt wahr ist.

Below mein Skript. dank

var pos = 0, 
 
    test, test_status, question, choice, choices, chA, chB, chC, correct = 0; 
 
var questions = [ 
 
    ["What is 10 + 4?", "12", "14", "16", "B"], 
 
    ["What is 10 + 5?", "15", "14", "16", "A"], 
 
    ["What is 20 + 4?", "12", "24", "16", "B"], 
 
    ["What is 30 + 4?", "32", "24", "34", "C"], 
 
    ["What is 10 + 6?", "12", "14", "16", "C"] 
 
]; 
 

 
function _(x) { 
 
    return document.getElementById(x); 
 
} 
 

 
function renderQuestion() { 
 
    test = _("test"); 
 
    if (pos >= questions.length) { 
 
    test.innerHTML = "<h2>You got " + correct + " of " + questions.length + " Questions correct</h2>"; 
 
    _("test_status").innerHTML = "Test Completed"; 
 
    pos = 0; 
 
    correct = 0; 
 
    return false; 
 
    } 
 
    _("test_status").innerHTML = "Question " + (pos + 1) + " of " + questions.length; 
 
    question = questions[pos][0]; 
 
    chA = questions[pos][1]; 
 
    chB = questions[pos][2]; 
 
    chC = questions[pos][3]; 
 
    test.innerHTML = "<h3>" + question + "</h3>"; 
 
    test.innerHTML += "<input type='radio' name='chioces' value='A'> " + chA + "<br>"; 
 
    test.innerHTML += "<input type='radio' name='chioces' value='B'> " + chB + "<br>"; 
 
    test.innerHTML += "<input type='radio' name='chioces' value='C'> " + chC + "<br>"; 
 
    test.innerHTML += "<button onclick='checkAnswer()'>Submit Answer</button>"; 
 
} 
 

 
function checkAnswer() { 
 
    choices = document.getElementsByName("choices"); 
 
    for (var i = 0; i < choices.length; i++) { 
 
    if (choices[i].checked) { 
 
     choice = choices[i].value; 
 
    } 
 
    } 
 
    if (choice == questions[pos][4]) { 
 
    correct++; 
 
    } 
 
    pos++; 
 
    renderQuestion(); 
 
} 
 
window.addEventListener("load", renderQuestion, false);

<div id="test_status"></div> 
 
<div id="test"></div>

Answer 1

Einfache Debug-Anweisung

wird zeigen, dass es keine Elemente zurückgibt.

Warum? Weil du falsch geschrieben hast.