0

我正在做一个简单的表格,用户输入他们的长度、宽度、高度和件数,然后计算立方英尺,并在表格中显示答案。所以我在这里尝试这样做,但我不知道为什么没有显示答案。身份证都是对的。我尝试使用 ParseFloat 并在计算中的每个变量周围加上括号,但这似乎没有任何作用。问题可能是什么?

谢谢你看。

<HTML>
<HEAD>
<TITLE>Cubic Feet</TITLE>
<SCRIPT LANGUAGE="JavaScript">


function Calculate()
{
var qty1 = document.getElementById('q1').value;
var len1 = document.getElementById('l1').value;
var width1 = document.getElementById('w1').value;
var height1 = doument.getElementById('h1').value;
var cube1 = qty1*(len1*width1*height1);

form.cuft1.value = cube1.tofixed(2);

}

function ClearForm(form)
{
form.q1.value = "";
form.l1.value = "";
form.w1.value = "";
form.h1.value = "";
form.cuft1.value = "";
}

// end of JavaScript functions -->
</SCRIPT>
</HEAD>

<BODY>

<FORM NAME="Calculator" METHOD="post">


<P><INPUT TYPE="button" VALUE="Calculate" name="AddButton" onClick="Calculate(this.form.q1.value, this.form.h1.value, this.form.w1.value, this.form.l1.value, this.form)">
<INPUT TYPE="button" VALUE="Clear" name="ClearButton" onClick="ClearForm(this.form)">

<p>
<table>
<tr>
<td> Container 1 Qty <input type="TEXT" id="q1" value=""></td>
<td> Length <input type="TEXT" id="l1" value=""></td>
<td> Width <input type="TEXT" id="w1" value=""></td>
<td> Height <input type="TEXT" id="h1" value=""></td>
<td> Cu.Ft. <input type="TEXT" id="cuft1" value=""></td>
</tr>
</table>
</FORM>
</BODY>
</HTML>
4

3 回答 3

1
this.form.q1.value

查找带有name q1的输入。

改用这个:

document.getElementById('q1').value

您在其他方面也有同样的错误。最好总是使用 id。

于 2013-02-15T19:40:16.337 回答
1

你有一系列愚蠢的错误:

  1. documentgetElementById('w1').value;应该document.getElementById('w1').value;

  2. doument.getElementById('h1').value;应该document.getElementById('h1').value;

  3. form没有定义。试试var form = document.forms[0]

  4. cube1.tofixed(2);应该cube1.toFixed(2);

所有这些错误都可以通过打开浏览器的开发者控制台轻松捕获...

固定的工作版本:http: //codepen.io/anon/pen/bzcdx

于 2013-02-15T19:41:44.717 回答
0

尝试

document.getElementById("cuft1").value = cube1.tofixed(2);
于 2013-02-15T19:40:10.257 回答