Question

我想进行性格测试。但是我可以从questions.json获得第一个问题，当我点击下一个问题按钮时我面临这个错误＆＃34; Javascript Uncaught TypeError：无法读取属性＆＃39;长度＆＃39;未定义＆＃34;

var pos = 0, test, test_status, question, choice, choices, chA,chB,chC,totalCheck = 0;//değişkenler
var btn = document.getElementById("btn");
var ourData;
btn.addEventListener("click",function () {
var ourRequest = new XMLHttpRequest();
    ourRequest.open('GET','questions.json');
    ourRequest.onload = function () {
        ourData = JSON.parse(ourRequest.responseText);
        renderQuestion(ourData);

    }

    ourRequest.send();
})



var counters = [A=0,B=0,C=0];
function _(x){
return document.getElementById(x);//html dom
}
function renderQuestion(data){ //soru soran fonksiyon
test = _("test"); //dom ile test div ini seç
if(pos >= 4){
    for(var i = 0;i<choices.length;i++){test.innerHTML += "<h2>Sonuç : "+data[i].soru+" dan "+ counters[i] +" kadar işaretledin</h2>";}// test divine sonucu yazdır
    _("test_status").innerHTML = "Test Completed"; // "test_status" başlığına test bitti yazdır
    pos = 0; // pos tekrar 0 yap
    correct = 0; // dogru sayısını tekrar 0 yap;
    return false; //false döndür
}


_("test_status").innerHTML = "Question "+(pos+1)+"of"+data.length; // "test_status başlığına hangi soruda olduğunu yazdır
question = data[pos].soru; // questions listesinden 0. yani soru kısmını question değişkenine ata
chA = data[pos].siklar1; // 1.cevap
chB = data[pos].siklar2; // 2.cevap
chC = data[pos].siklar3; // 3.cevap
test.innerHTML = "<h3>"+question+"</h3>"; //soruyu yazdır
test.innerHTML += "<input type='checkbox' name='choices' value='A'>"+chA+"<br>"; //1.cevabı yazdır
test.innerHTML += "<input type='checkbox' name='choices' value='B'> "+chB+"<br>"; //2.cevabı yazdır
test.innerHTML += "<input type='checkbox' name='choices' value='C'> "+chC+"<br><br>"; //3.cevabı yazdır
test.innerHTML += "<button class='button' onclick='checkAnswer()'> NEXT QUESTİONS >> </button>"    //cevabı kontrol et fonksiyonunu cağır
}
function checkAnswer(){
choices = document.getElementsByName("choices"); // seçenekler domunu seç
if(choices[0].checked){
    if(choices[1].checked || choices[2].checked){
        findChecked(choices);
    }
    else{
        counters[0]+=2;
    }
}
else if(choices[1].checked){
    if(choices[0].checked || choices[2].checked){
        findChecked(choices);
    }
    else{
        counters[1]+=2;
    }
}
else if(choices[2].checked){
    if(choices[0].checked || choices[1].checked){
        counters[2]++;
    }
    else{
        counters[2]+=2;
    }
}
pos++; // pozisyonu 1 arttır
renderQuestion(); //render questionsu tekrar çağır
}
function findChecked(answers) {
for (var i = 0; i < answers.length; i++) {
    if (answers[i].checked == true) {
        counters[i]++;
        totalCheck++;
    }
}
}
window.addEventListener("load", renderQuestion, false);

Answer 1

我认为你在没有任何参数的情况下调用renderQuestion。所以data.length可能会抛出错误。

Answer 2

不知道哪一行正在抛出错误（提示：请同时提供错误的行号），猜测我会说这就是你输错误

_("test_status").innerHTML = "Question "+(pos+1)+"of"+data.length;

因此，请确保data具有length属性

未捕获的类型错误javascript

2 个答案: