getElementById 不工作 - JavaScript

Question

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>

试图找出如何将 getElementById 与 DOM 一起使用，但我无法理解其逻辑。

CLEAR 函数有效，但同样，我想使用 getElementById 使它更好地工作。

感谢您的帮助。

Answer 1

您缺少 id 属性。

尝试在您的输入中输入 id="finalExam"

Answer 2

使用id而不是name（这就是它被称为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 />

getElementById 不工作 - JavaScript

getElementById not working - JavaScript

html

javascript

logic

getelementbyid