2

私は単純な HTML5 キャンバスの演習に取り組んでおり、ちょっとした障害に遭遇しました。checkAnswer 関数で false が返された後でも、ページの更新を停止できません。私はその答えを高低で検索し、いくつかの異なることを試しましたが、何もうまくいかないようです. どんな援助でも大歓迎です。ここで JSFiddle を作成しましたhttp://jsfiddle.net/geekch1ck/ezSyf/

JSFiddle の "{"error": "Please use POST request"}" も理解できません。

よろしくお願いいたします。かなり単純なものが欠けていることは確かですが、私がくまなく調べた本やサイトのいずれにもそれが見つかりません。

JSFiddleをいじりたくない人のためのコードは次のとおりです

 function getRandInt (min, max){
    return Math.floor(Math.random()*(max-min+1)) + min;
    }

    function checkAnswer(guess, answer){
    if (guess == answer){
        alert("Correct");
        setTimeout(drawText(equation),3000);
        return true;
        }
    else{
        alert("Try Again");
        return false;
        }
    }

    function drawCanvas(equation){
    //draw the Canvas
    canvas = document.getElementById('myCanvas');
    context = canvas.getContext('2d');
    drawText(equation);
    }

    function drawText(equation){
    //add the text to the canvas
    context.font = '40pt Veranda';
    context.fillText(equation, 50, 100);
    }

    $(document).ready(function(){
    drawCanvas(equation);

    $("form").submit(function(){
        guess = document.getElementById("guess").value;
        checkAnswer(guess, answer);
        });

    });



    </script>

    </head>

    <body>

    <canvas id = "myCanvas" width = "200" height = "200" style = "border:1px solid   #000000;">
    </canvas>

<form action="">
<p>What is the answer? <input type = "text" id = "guess" name = "guess"></p>
</form>
</body>
</html>
4

1 に答える 1

1

checkAnswer の戻り値を返していないのではないでしょうか? 多分それはあるべきです：

$("form").submit(function() {
    guess = document.getElementById("guess").value;
    return checkAnswer(guess, answer);
});
于 2013-09-29T02:29:37.583 に答える