jQueryが数学をして値を更新していません

Question

私は卓上ゲーム用のキャラクター作成アシスタントを作成しようとしています。キャラクターレベルに応じて、プレイヤーが変えることができる開発ポイントの数が変化します。これはhtml5とjQueryの私の最初の主要なプロジェクトですが、それは十分に簡単だと思いました。 this questionからのアドバイスを使用しましたが、私の値は更新されていません。私はjsFiddleでそれを悩ませているが、役に立たない。私はウィットの終わりにいる！ここに私のjsFiddleへのリンクがあります。 jsFiddleには、関連したいコードだけがあります。私はフォームの残りの部分を稼働させました。

HTML：

<strong>Level: </strong><input id="levelselect" type="number" min="0" max="20" /> 
You have <span id="DP"></span> DP to spend. 

JS：

function calcDP() { 
     var level = parseInt($('#levelselect').val(),10); 
     var DPatZero = 400; 
     var DPatOne = 600; 
     var workDP = 0; 

      if (level === 0){ 
       workDP = DPatZero; 
      } 
      else if(level == 1){ 
       workDP = DPatOne; 
      } 
      else { 
       workDP = DPatOne + (level * 100); 
      } 
      var DP = workDP; 

      $('#DP').text(DP); 
     } 

$('#levelselect').on('keydown keyup keypress', calcDP); 

Answer 1

まず、セレクタを間違った要素にバインドしていました。代わりに

$('#DP') 

に結合事象のあなたは

$('#levelselect') 

第二にそれらを結合しなければならない、あなたはこれがわからないだけで、キーストロークがあるにするためのイベント「変更」を使用し、すべてのイベントをキャッチしたいです捕まるが、ペーストと入力プログラムの横、上下の矢印を押しても同様にキャッチされています：

また

function calcDP() 
{ 
    var level = parseInt($('#levelselect').val(), 10); 
    var DPatZero = 400; 
    var DPatOne = 600; 
    var workDP = 0; 

    if (level === 0) 
    { 
     workDP = DPatZero; 
    } 
    else if (level == 1) 
    { 
     workDP = DPatOne; 
    } 
    else 
    { 
     workDP = DPatOne + (level * 100); 
    } 

    $('#DP').text(workDP); 
} 

$(document).ready(function() 
{ 
    // Bind calcDP onchange to make sure every event is being caught. 
    $('#levelselect').on('change', calcDP); 

    // Call the onchange event to make sure the current value is evaluated 
    $('#levelselect').change(); 
} 

を、あなたの最初のJSfiddleにあなたはトンに必要なフレームワークとしてMooToolsはを使用彼はjQueryの代わりに辞めました。

完全なスクリプトの参照JSのFIDLE：http://jsfiddle.net/9M4cD/4/

Answer 2

あなたは間違った要素にイベントを結合しました。

$('#levelselect').on('keydown keyup keypress', calcDP); 

代わりの

$('#DP').on('keydown keyup keypress', calcDP); 

を使用し、それが動作します。