Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从输入中分割数字并打印结果_Javascript_Jquery_Html_Input - Fatal编程技术网

Javascript 从输入中分割数字并打印结果

Javascript 从输入中分割数字并打印结果,javascript,jquery,html,input,Javascript,Jquery,Html,Input,所以我有两个数字,我想用来计算。 我正在使用下面的HTML <label>Personen</label> <input type="number" id="personen" /><br /> <label>Kilometer</label> <input type="number" id="kilometer" /><br /> <label>Output</label>

所以我有两个数字,我想用来计算。 我正在使用下面的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 />
但不幸的是,我无法从输入中分割这两个数字。我错过了什么


还有一个问题:

$killer
$personen
是变量名,而不是jQuery对象使用赋值操作符来设置值

公里=公里


即使允许,我还是建议从变量名中删除美元符号。在更复杂的函数中,很难区分变量名和jQuery函数。

我认为,以下是您想要的:


仅当定义了
km
personen
并浮动数字时,您可以优化此解决方案以显示结果。您还可以将这两个函数组合到一个JQuery选择器中。

从变量名称中删除
$
。请参阅M.Page的答案,为您提供完整的解决方案。
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);
})
$("#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);
});