JavaScriptで私のaskQuestion（）関数は常に間違っansweras

Question

CodePenの私のペンへのリンクがマーキングされた - http://codepen.io/PartTimeCoder/pen/WwMxEX?editors=0010

Javascriptがここにある：私が思うところコメントの間で

function randomNum(digits) { 
    return Math.floor(Math.pow(10, digits - 1) + Math.random() * 9 * Math.pow(10, digits - 1)); 
} 

function askQuestion(digits) { 
    $(".result").html(""); 

    var factor1 = randomNum(digits); 
    var factor2 = randomNum(digits); 
    var correctanswer = factor1 * factor2; 
    var answer = parseInt($(".answer").val(), 10); 

    console.log(correctanswer); 

    $(".question").html(factor1 + " × " + factor2); 

    var score = 0; 

    //Problem Starts Here 
    $(".check").click(function() { 
     if (correctanswer == answer) { 
      $(".result").html("Correct"); 
      score += 1; 
      $(".score").html(score); 
      askQuestion(digits); 
     } else { 
      $(".result").html("Wrong"); 
      score -= 1; 
      $(".score").html(score); 
     } 
    }); 
    //Problem Ends Here 
} 

$(document).ready(function() { 
    $(".answer").hide(); 
    $(".check").hide(); 

    var digits = 0; 

    $(".digits-1").click(function() { 
     digits += 1; 
    }); 

    $(".digits-2").click(function() { 
     digits += 2; 
    }); 

    $(".digits-3").click(function() { 
     digits += 3; 
    }); 

    $(".btn").click(function() { 
     $(".btn").hide(); 
     $(".answer").show(); 
     $(".check").show(); 
     askQuestion(digits); 
    }); 
}); 

です問題はです。例えば、4 x 9とi入力36を求めるとき、それは依然としてそれを間違っているとマークする。なぜこれがこれをしているのかわかりません。最初は私はまだ入力された情報が文字列かもしれないので、私はそれにparseIntを使いましたが、それはまだ動作しませんでした。すべての助けに感謝します。前もって感謝します！

Answer 1

answer変数に$('.answer')要素の初期値をキャッシュしているという問題があります。 $('.answer').val()を実行すると、そのときににあるが保存されるため、ユーザーが後で回答を変更すると、変数に反映されません。あなたがしたいことは次のようなものです：

// Rest of your code above 
var answer = $(".answer"); 

console.log(correctanswer); 

$(".question").html(factor1 + " × " + factor2); 

var score = 0; 

//Problem Starts Here 
$(".check").click(function() { 
    // Don't check what is in the input until you're ready to use the value. 
    if (correctanswer == parseInt(answer.val(), 10)) { 
     $(".result").html("Correct"); 
     score += 1; 
     $(".score").html(score); 
     askQuestion(digits); 
    } else { 
     $(".result").html("Wrong"); 
     score -= 1; 
     $(".score").html(score); 
    } 
}); 

Answer 2

クリックハンドラは古い回答値を参照しています。毎回入力から値を取得する必要があります。

$(".check").click(function() { 
    var answer = parseInt($(".answer").val(), 10); 
    if (correctanswer == answer) { 
     $(".result").html("Correct"); 
     score += 1; 
     $(".score").html(score); 
     askQuestion(digits); 
    } else { 
     $(".result").html("Wrong"); 
     score -= 1; 
     $(".score").html(score); 
    } 
});