JQueryスクリプトの入力フィールドに値を追加します。

Question

答えの入力フィールドに追加されるスクリーン番号キーを持つ子供用の簡単な数学クイズアプリケーションを作成しようとしています。私はクラスにリンクされたjQueryイベントリスナーを使用したいので、各番号に対してonClick関数を呼び出す必要はありません。私はこの質問を他のところで見つけましたが、スタックオーバーフローに加わりましたので、私が抱いている問題をさらに尋ねることはできません。私の評判は十分に高いとは言えません。他の質問へ

リンク：append value to an input field in JQuery

私は私が私のボタンをクリックしようとし、自分のコードに誤りがある場合、私は見ることができないとき、私は未定義を取得追加しようとします。どんな支援も大歓迎です。

私のjQuery：私のボタンの

$(".userIn").click(function() { 
    var usrIn = $(this).data('usrIn'); 
    $("#answer").val(function() { 
    return this.value + usrIn; 
    }); 
}); 

サンプル：ここ

<button type="button" class="btn btn-primary btn-block userIn" data-number="0" id="zero">0</button> 

はすべての私のリンクされたスタイルシートや外部のjsとJSfiddleです。

Answer 1

変更var usrIn = $(this).data('usrIn');にvar usrIn = $(this).attr('data-number');

フィドル：https://jsfiddle.net/969r1gp0/4/

Answer 2

あなたのデータ属性はないdata-userin、data-numberと呼ばれているので、あなたが書く必要があります。

var usrIn = $(this).data('number') 

をしかし、ボタンのテキストとして実際にあります何を追加したいのですか？データ属性を一切使わずに、できること：

var usrIn = $(this).text();