자바 스크립트가 양식의 값에 액세스하지 않습니다.

Question

현재 자바 스크립트 및 xhtml을 처음 배우고 있으며 현재 해결할 수 없었던 문제가 있습니다. 나는 그것이 꽤 간단한 수정이라고 생각한다, 나는 단지 그것을 할 수 있기 위해 지식을 가질 필요가 없다. 다음은 javascript이고 xhtml에서 호출하는 방법입니다.

이것은 greet.js라는 javascript 파일에 있습니다.

function tOD() { 
timeOfDay = new Date 
if (timeOfDay.getHours() < 5) { 
    alert("Either go to bed, or go back to bed " + document.form[0].inputname.value); 
} 
else if (timeOfDay.getHours() < 11) { 
    alert("Rise and shine " + document.form[0].inputname.value); 
} 
else if (timeOfDay.getHours() < 17) { 
    alert("Good afternoon " document.form[0].inputname.value); 
} 
else { 
    alert("And after a hard day at work you can relax at last, " + document.form[0].inputname.value); 
} 
} 

그리고 여기 내 xhtml에서 구현하려고합니다. I 버튼을 누를 때 내가 데려 갈 경우 document.form에서

<script type="text/javascript" src="greet.js"></script> 
<FORM NAME = input> 
Please enter your name: 
<input type= "text" name = "inputName"/> 
<input Type= Button NAME= "greeting" VALUE="ok" onClick="greet()"/> 
</FORM> 

자바 스크립트 작품 [0]는 하루의 정확한 시간을 알려 것 .inputname.value. 그래서 그것은 document.form [0] .inputname.value 여야합니다, 틀린 것이 틀림 없습니다, 나는 그것을 고칠 방법을 모르겠습니다. 또한 형식 [0] 대신 요소 [0]을 사용하고 입력 및 요소 [입력]을 시도 했으므로 어떤 결과가 될지 잘 모르겠습니다 ...

감사합니다.

Answer 1

사용하여 액세스 할 수 있도록

이 외에도, 당신은 귀하의 의견에 ID를 사용할 수도 있습니다. http://jsfiddle.net/3U5Qm/

Answer 2

else if (timeOfDay.getHours() < 17) { 
    alert("Good afternoon " document.form[0].inputname.value); 

당신이 +가

<input type="text" name="inputName"/> 

이 '이름'에있는 N 개의 의미 "낙타 표기법"입니다

else if (timeOfDay.getHours() < 17) { 
     alert("Good afternoon " + document.form[0].inputname.value); 

Answer 3

귀하의 입력에 서명 누락은 대문자입니다. 당신은 inputName를해야 자바 스크립트

document.forms[0].inputname.value 

inputname에 소문자 이름 속성을 사용하고 있습니다. 양식 모음이 document.forms이고 document.form이 아닌 것은 알 수 있습니다. 당신은 그냥 당신은 내가 당신을 위해 작업 버전을 만들었습니다, 약간의 오차가있을 document.getElementById('inputid');