如何使用javascript在输入字段中显示结果

如何使用javascript在输入字段中显示结果,javascript,html,Javascript,Html,您好,我已经编写了这段代码,它使用javascript获取输入并计算2个值。但我无法在第三个输入字段中打印结果。如何执行此操作 <!DOCTYPE html> <html> <head> <script type="text/javascript"> function updatesum() { document.form.total.value = (document.form.time.value -0) + (document.form.co

您好,我已经编写了这段代码,它使用javascript获取输入并计算2个值。但我无法在第三个输入字段中打印结果。如何执行此操作

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function updatesum() {
document.form.total.value = (document.form.time.value -0) + (document.form.cost.value -0);
}
</script>
</head>
<body>

<form name="input" action="#" method="get">
Timespent
Timespent:<input type="text" name="time" value=" ">
Cost:<input type="text" name="cost" value=" ">
Totalcost:<input type="text" name="total" value=" ">
<input type="submit" value="Submit" onclick=updatesum()>
</form> 

</body>
</html>

函数updatesum(){
document.form.total.value=(document.form.time.value-0)+(document.form.cost.value-0);
}
时间开销
花费的时间:
费用:
总成本:

禁止提交您的表单:

<form name="input" action="#" method="get" onsubmit="return false;">
您的
submit
按钮也需要引号:

<input type="submit" value="Submit" onclick="updatesum()">

禁止提交您的表单:

<form name="input" action="#" method="get" onsubmit="return false;">
您的
submit
按钮也需要引号:

<input type="submit" value="Submit" onclick="updatesum()">

将输入的id属性设置为

<form name="input" action="#" method="get">
Timespent
Timespent:<input type="text" name="time" value=" " id="txtTime">
Cost:<input type="text" name="cost" value=" " id="txtCost">
Totalcost:<input type="text" name="total" value=" " id="txtTotal">
<input type="submit" value="Submit" onclick="updatesum()">
</form>
您的函数应返回false以防止事件发生

将输入的id属性设置为

<form name="input" action="#" method="get">
Timespent
Timespent:<input type="text" name="time" value=" " id="txtTime">
Cost:<input type="text" name="cost" value=" " id="txtCost">
Totalcost:<input type="text" name="total" value=" " id="txtTotal">
<input type="submit" value="Submit" onclick="updatesum()">
</form>

你的函数应该返回false以防止事件发生

这不是一个更糟糕的单独答案,所以请你编辑你的答案,使数字的转换类似于
number(document.input.time.value)
而不是减去零?@DavidJashi我刚刚纠正了错误,没有提供替代方案。您的评论将为这个答案添加有用的信息。谢谢你
:)
。这不是一个更糟糕的单独答案,所以请你编辑你的答案,这样转换成数字就像
数字(document.input.time.value)
而不是减去零?@DavidJashi我刚刚纠正了错误,没有提供替代方案。您的评论将为这个答案添加有用的信息。谢谢你
:)
。你有可能得到串联而不是求和。你有可能得到串联而不是求和。