getElementById不工作-JavaScript

JavaScript

var stuAverage;
function calcAvg(gradeInfo)
   {
    finalExam = document.getElementById("finalExam").value;
    homework = document.getElementById("homework").value;
    projects = document.getElementById("projects").value;
    stuAverage = (finalExam * .1) + (homework * .4) + (projects * .5);
    document.getElementById("stuAverage").value=stuAverage;
    alert("Your average is " + stuAverage);
   }

HTML

<form action="#" name="gradeInfo">
<p>
Enter Final Exam Grade:
<input type="text" name="finalExam" size="4" /><br />
Enter Homework Grade:
<input type="text" name="homework" size="4" /><br />
Enter Projects Grade:
<input type="text" name="projects" size="4" /><br />
<br /><br />
<input type="button" value="AVERAGE" onclick="calcAvg(gradeInfo)" />
<input type="button" value="CLEAR" onclick="clearData(gradeInfo)" />
<br /><br />
Your Average is:
<input type="text" name="stuAverage" size="4" /><br />
</p>
</form>

进入期末考试成绩：


输入作业成绩：


输入项目等级：








你的平均数是：

试图找出如何在DOM中使用getElementById，但我在理解逻辑方面遇到了困难

CLEAR函数可以工作，但我想再次使用getElementById使其更好地工作

---

谢谢你的帮助

您缺少id属性

---

在输入中尝试id=“finalExam”

您缺少id属性

---

在输入中尝试id=“finalExam”

使用

id

而不是

name

（这就是为什么它被称为

getElementById

）所以

或

不是

使用

id

而不是

name

（这就是为什么它被称为

getElementById

）所以

或

不是

我没有看到任何带有这些ID的HTML元素。Only names.@david.pfx不，看起来我对getElementById概念还不熟悉，需要一点澄清。我没有要求任何人帮我做这件事，但我很感激这种态度。我没有看到任何带有这些ID的HTML元素。Only names.@david.pfx不，看起来我对getElementById概念还不熟悉，需要一点澄清。我没有要求任何人为我做这件事，但我很感激这种态度。我现在明白了，谢谢你解释。我现在明白了，谢谢你解释。

<input type="text" id="finalExam" name="finalExam" size="4" /><br />

<input type="text" id="finalExam" size="4" /><br />

<input type="text" name="finalExam" size="4" /><br />