Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/perl/10.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_Math - Fatal编程技术网

Javascript自动计算

Javascript自动计算,javascript,math,Javascript,Math,我有一个页面,可以通过在字段中输入数字或按加号或减号按钮自动计算总数 我需要在总数之后添加第二个输入,自动将总数除以25。以下是代码的除法部分没有JavaScript值的工作代码: <html> <head> <script language="text/javascript"> function Calc(className){ var elements = document.getElementsByClassName(className); var to

我有一个页面,可以通过在字段中输入数字或按加号或减号按钮自动计算总数

我需要在总数之后添加第二个输入,自动将总数除以25。以下是代码的除法部分没有JavaScript值的工作代码:

<html>
<head>
<script language="text/javascript">
function Calc(className){
var elements = document.getElementsByClassName(className);
var total = 0;

for(var i = 0; i < elements.length; ++i){
total += parseFloat(elements[i].value);
}

document.form0.total.value = total;
}

function addone(field) {
  field.value = Number(field.value) + 1;
  Calc('add');
}

function subtractone(field) {
  field.value = Number(field.value) - 1;
  Calc('add');
}
</script>

</head>
<body>
<form name="form0" id="form0">
1: <input type="text" name="box1" id="box1" class="add" value="0" onKeyUp="Calc('add')" onChange="updatesum()" onClick="this.focus();this.select();" />
<input type="button" value=" + " onclick="addone(box1);">
<input type="button" value=" - " onclick="subtractone(box1);">
<br />

2: <input type="text" name="box2" id="box2" class="add" value="0" onKeyUp="Calc('add')" onClick="this.focus();this.select();" />
<input type="button" value=" + " onclick="addone(box2);">
<input type="button" value=" - " onclick="subtractone(box2);">
<br />

3: <input type="text" name="box3" id="box3" class="add" value="0" onKeyUp="Calc('add')" onClick="this.focus();this.select();" />
<input type="button" value=" + " onclick="addone(box3);">
<input type="button" value=" - " onclick="subtractone(box3);">
<br />

<br />
Total: <input readonly style="border:0px; font-size:14; color:red;" id="total" name="total">
<br />
Totaly Divided by 25: <input readonly style="border:0px; font-size:14; color:red;" id="divided" name="divided">

</form>
</body></html>

函数计算(类名){
var elements=document.getElementsByClassName(className);
var合计=0;
对于(变量i=0;i
2: 

三:

总数:
总计除以25:

我有正确的细节,但我尝试的公式完全打破了代码的其他方面。我想不出如何使自动添加和自动分割同时工作

Calc
函数的末尾不需要这样的功能吗

document.form0.total.value = total;
document.form0.divided.value = total / 25;

您遇到的一个问题是:

<script type="text/javascript">


而不是。考虑到这一点,LukeH提出的答案似乎很有效。

这正是我所尝试的,但这破坏了一切。+和-按钮停止工作,没有任何计算结果