javascript - 来自客户端输入文本字段的循环值？

Question

我一直在尝试让客户端输入的文本字段值在循环中使用，因为要输入起点和终点然后计算，当变量 r 设置值但无法从中检索它们时，我的循环工作得很好文本字段并使用它们（我还简化了每个循环需要做的事情），然后将答案放在第三个文本字段中？下面我会发布一个小片段，说明问题所在，任何帮助都会很棒。

<SCRIPT language = JavaScript>

function calculate() {
A = document.frmOne.txtStartNumber.value;
B = document.frmOne.txtEndNumber.value;
A = Number(A);
B = Number(B);
{
C = 0;
    for (i = A; i <= B; i++) {
       C = C + i*i*100
    };
}
D = C;

document.frmOne.txtAnswerNumber.value = D;
}

</SCRIPT>

Answer 1

下面的方法在不使用其他页面的情况下保留了表单的功能（例如，使用 enter 提交）：

<form action="javascript:void(calculate())" name="frmOne">
    <input type="text" name="txtStartNumber">
    <input type="text" name="txtEndNumber"> 
    <input type="text" name="txtAnswerNumber">
    <input type="submit" value="Calculate">
</form>
<script type="text/javascript">
function calculate() {
A = Number(document.frmOne.txtStartNumber.value);
B = Number(document.frmOne.txtEndNumber.value);
C = 0;
    for (i = A; i <= B; i++) {
       C += i*i*100;
    }

document.frmOne.txtAnswerNumber.value = C;
}
</script>

Answer 2

这应该有效。您不需要将代码随机封装在函数中{ }。

<form name="frmOne">
    <input type="text" name="txtStartNumber">
    <input type="text" name="txtEndNumber">
    <input type="text" name="txtAnswerNumber">

    <a href="javascript:calculate();">click me</a>
</form>

<script>
function calculate() {
    A = document.frmOne.txtStartNumber.value;
    B = document.frmOne.txtEndNumber.value;
    A = Number(A);
    B = Number(B);

    C = 0;
    for (i = A; i <= B; i++) {
        C = C + i * i * 100;
    }

    // this is not needed: D = C;

    document.frmOne.txtAnswerNumber.value = C;
}
</script>