数学でスパンを更新しようとするとjQueryが発生する

Question

jQueryのコードではおそらく簡単な問題があります。私は単純な数式に変数を形成する2つの入力を持っています。 1つはテキストボックスで、もう1つは範囲入力です。非常に簡単な計算の結果をspan要素に表示する必要があります。

<input type="text" name="txt_bserves" id="txt_bserves" value="0"> 
<span id="currsalesval">10%</span> 
<input type="range" name="convertslider" id="convertslider" min="0" max="100" value="10"> 
<span id="currsalesconv">525 serves</span> 

function updateValue() 
{ 
    var sliderval = $('#convertslider').val(); 
    var bserves = $("#txt_bserves").val(); 
    var cserves = (bserves * (sliderval/100)); 
    $("#currsalesval").text(sliderval.concat("%")); 
    $("#currsalesconv").text(cserves.concat(" serves")); 
} 

$('#convertslider').on('change, mousemove', function(){ 
    updateValue(); 
}); 

問題は三行目、入力ボックスの割合を計算する数学の簡単な作品に来る：

は、ここで私が持っているhtmlとjsのです。

currsalesvalスパンは、スライダーのパーセンテージ値で正常に更新されます。しかし、currsalesvalスパンはcserve値で更新されません。

これは型変換の問題かもしれませんが、さまざまなコンバージョンのさまざまなバリエーションがあったので、私はここで尋ねると思いました。

ありがとうございました。

Answer 1

cservesは文字列ではないため、連結メソッドはありません。代わりに：。

$("#currsalesconv").text(cserves.concat(" serves")); 

は

$("#currsalesconv").text(cserves + " serves");