Question

我正在尝试构建一个简单的Web表单，该表单需要3个数字输入并根据以下公式输出一个数字：（a * b * c）/ 271）。

这是我的代码，但输出中没有显示任何内容。

显然，我几乎不知道自己在做什么。

我感谢所有帮助：

<body>
<img id="logo"src="images/a&l.png" alt="A&L Cesspool"/>
<h1>Grease Trap Gallon Calculator<h2>
<form name=calculator">
<input label="length" type="number" id="a"> 
<input label="width" type="number" id="b">
<input label="height" type="number" id="c">
<input type=Button value=Calculate onClick="gallons();">
<input name="OUTPUT" id="output" SIZE="4" maxlength="6" >
</form>
<script language="JavaScript" type="text/javascript">
<!--
function gallons() {
var LENGTH = document.calculator.a.value;
var WIDTH = document.calculator.b.value;
var HEIGHT = document.calculator.c.value;
var Total =(LENGTH*WIDTH*HEIGHT)/271;
document.calculator.OUTPUT.value = Total;
}
// -->
</script>

Answer 1

document.forms.calculator。没有document.calculator之类的东西。此外，表单元素需要name属性才能在表单上下文中引用它们，而不是ID。

其他新闻

你有未公开的引语
您有不规则的命名惯例（OUTPUT，a，Total）
你有不规范的报价政策（有时你有，有时你没有）。

所以基本上

<form name="calculator">
    <input label="length" type="number" name="a">
    <input label="width" type="number" name="b">
    <input label="height" type="number" name="c">
    <input type=Button value=Calculate onClick="gallons();">
    <input name="OUTPUT" id="output" SIZE="4" maxlength="6">
</form>

function gallons() {
    var LENGTH = document.forms.calculator.a.value;
    var WIDTH = document.forms.calculator.b.value;
    var HEIGHT = document.forms.calculator.c.value;
    var Total = (LENGTH * WIDTH * HEIGHT) / 271;
    document.forms.calculator.OUTPUT.value = Total;
}

请从MDN或类似的优秀来源获取适当的教程，然后开始阅读。

Answer 2

您对document.calculator的调用未找到该元素，因为它按ID查找更改您的表单定义，它将工作

<form name="calculator" id="calculator">

简单的加仑计算器

2 个答案:

其他新闻