jquery - JQuery: 出力値に対する操作ですが、ユーザー型として出力し続けます

Question

私のHTMLにはこれがあります：

 <input type="text" name="earned" id="earned">  
 <p>You have: $<span id="amount"></span></p>

そして私のJavascriptファイルにはこれがあります：

$(function(){
    $('#earned').keyup(function(){
        var $earned = this;
        $earned = $earned/100;
        $('#amount').text($(earned).val()+ '.00');
    });
});

このコードは単純な電卓用に作成しました。ユーザーが入力しているものを取得して、入力したとおりに変更したい場合、どうすればよいでしょうか? 100で割っただけではうまくいかないのはなぜですか？入力された数字を出力するだけです。

Answer 1

これがあなたがする必要があることです。

$(function(){
  $('#earned').change(function(){
    var num_val = $(this).val();
    if(num_val!="")
    {
        num_val = num_val/100
    }
    $('#amount').text(num_val+ '.00');
  });
});