에서 getElementById - 자바 스크립트

자바 스크립트에서 getElementById - 자바 스크립트

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를 사용하고 싶습니다.

도움 주셔서 감사합니다.

출처

2017-05-11 J Ben

해당 ID가있는 HTML 요소가 표시되지 않습니다. 이름 만. – 4castle

@ david.pfx 아니요, getElementById 개념이 처음 인 것으로 보이고 작은 설명이 필요했습니다. 아무에게도 그것을 요구하지 않았지만, 나는 그 태도에 감사한다. –

사용 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 />

출처

2017-05-11 01:55:09

지금 이해해 주셔서 감사합니다. –

id 속성이 누락되었습니다. 귀하의 의견에

시도 아이디 = "finalExam"

출처

2017-05-11 01:54:57

에서 getElementById - 자바 스크립트

답변

관련 문제