從輸入和打印結果中除數

Question

因此，我有兩個要用於計算的數字。 我正在使用以下HTML

<label>Personen</label>
<input type="number" id="personen" /><br />
<label>Kilometer</label>
<input type="number" id="kilometer" /><br />
<label>Output</label>
<input type="text" id="output" readonly /><br />

和下面的jQuery

var $neu = $("#output");
var $kilometer, $personen;
var $neu = $kilometer/$personen;
$("#kilometer").keyup(function() {
    var kilometer = parseFloat($(this).val());
    $kilometer.val(kilometer);
})
$("#personen").keyup(function() {
    var personen = parseFloat($(this).val());
    $personen.val(personen);
})

但不幸的是，我無法將輸入中的兩個數相除。 我錯過了什么？

還有一個小提琴： http : //jsfiddle.net/g9fUf/57/

Answer 1

我想這是您想要的：

http://jsfiddle.net/g9fUf/59/

$("#kilometer").keyup(function() {
    var kilometer = parseFloat($("#kilometer").val());
    var personen = parseFloat($("#personen").val());
     $("#output").val(kilometer/personen);
});
$("#personen").keyup(function() {
    var kilometer = parseFloat($("#kilometer").val());
    var personen = parseFloat($("#personen").val());
    $("#output").val(kilometer/personen);
});

您可以改進此解決方案，以僅在定義kilometer和personen數以及浮點數時顯示結果。 您也可以將兩個函數組合在一個JQuery選擇器中。

Answer 2

$kilometer和$personen是變量名，而不是jQuery對象使用assign運算符設置值

$kilometer=kilometer;

即使允許，我還是建議從變量名中刪除美元符號。 在更復雜的函數中，很難區分變量名和jQuery函數。