HTML/Javascript 计算答案

【问题标题】：HTML/Javascript CalculationHTML/Javascript 计算
【发布时间】：2014-07-19 13:32:15
【问题描述】：

我需要创建一种计算器，用户在其中输入他们的信息以获得结果。

我需要 3 个数字，每个数字都在一个单独的字段中，将它们加在一起，然后通过提交按钮从 6000 中减去。结果将出现在第四个字段中，只读文本。

然后（这是我似乎找不到的部分）在第四个字段中创建的数字将从 2000 中减去并除以 3，结果出现在第五个字段中。说得通？ 这里有更多的细分：

一个：###
二：###
三：###

四（6000-（一+二+三））：###
五（（2000-四）/3）：###

这是我已经拥有的一些代码：

One &nbsp;<input name=text type=text value=0><br>
Two &nbsp;<input name=text type=text value=0><br>
Three &nbsp;<input name=text type=text value=0><br><br>
<input type=button value="Calculate" onclick="subtract()"><br><br>

Four <br><br><input name=sum id=sum type=text readonly></font>

<script language=javascript>
function subtract() {
var sum =6000;
var valid = true;
var inputs = document.getElementsByName( 'text');
for(i =0; i < inputs.length; i++) {
if( inputs[i].value.match( /^[0]*(\d+)$/)) {
sum -= parseInt(RegExp.$1);
}
else {valid=false;}
}
if(valid) {
document.getElementById( 'sum').value = sum;
}
else{
alert("Please enter numbers only");
}
}
</script>

非常感谢任何帮助！

【问题讨论】：

标签： javascript html math calculator divide

【解决方案1】：

它可能会这样工作：

One &nbsp;<input name=text type=text value=0><br>
Two &nbsp;<input name=text type=text value=0><br>
Three &nbsp;<input name=text type=text value=0><br><br>
<input type=button value="Calculate" onclick="subtract()"><br><br>

Four <br><br><input name=sum id=sum type=text readonly><br>

Five <br><br><input name=five id=five type=text readonly><br>

<script language=javascript>
function subtract() {
    var sum =6000;
    var valid = true;
    var inputs = document.getElementsByName( 'text');
    for(i =0; i < inputs.length; i++) {
        if( inputs[i].value.match( /^[0]*(\d+)$/)) {
        sum -= parseInt(RegExp.$1);
        }
        else {valid=false;}
    }
    if(valid) {
        document.getElementById('sum').value = sum;
        document.getElementById('five').value = ((2000-sum)/3);
    } else{
        alert("Please enter numbers only");
    }
}
</script>

Live demo

【讨论】：