.changeを使用して問題を解決する

Question

テキスト入力フィールドで.changeを使用するのに問題があります。もし答えが正しければ（この場合は1）、キャンバスにテキストを描画するが、そうではないということは、ライブラリ（職人）を使うことになっている。

はここ

$('#atomnum').change(function(){ 
     ans = $('#atomnum').val(); 
    }); 

    if(ans == 1){ 
     artisan.drawText('canvas', 200, 300, 'Correto!', '#FFFFFF'); 
    }else{ 
     return false; 
    } 

入力のidがatomnumあるjavascriptのです。どんな助け？

編集 - それらの試したボットは、まだ動作しません。 Hereさんに呼び出される関数全体は、描画アクションが.change()イベント内で起こることになっている場合は、多分そのçistenerは、...

Answer 1

その関数の内部であってはならないの内側にそれを置く：

$('#atomnum').change(function(){ 
    ans = $('#atomnum').val(); 
    if(ans == 1){ 
     artisan.drawText('canvas', 200, 300, 'Correto!', '#FFFFFF'); 
    }else{ 
     return false; 
    } 
}); 

それ以外の場合は、新しい値ansをチェックし、それに応じて追加の機能を実行する必要があります。

注 - コードが動作しないことができる余分な終了}

Answer 2

を削除しました。要素を変更するたびにイベントを実行するのではなく、イベントをバインドした直後にチェックコードを実行します。

は、代わりにこれを試してみてください：

$('#atomnum').change(function(e) { 
    var ans = $('#atomnum').val(); 

    if(ans == '1') { 
     artisan.drawText('canvas', 200, 300, 'Correto!', '#FFFFFF'); 
    } 
    else { 
     e.preventDefault(); 
    } 
});