JavaScriptがフォームにアクセスしていない

Question

私は現在JavaScriptと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でそれを実装しようとしています。私はボタンを押したときに、私は離れて取る場合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> 

javascriptの作品は、[0]には、その日の正確な時間を知らせます.inputname.value。したがって、document.form [0] .inputname.valueでなければなりません。これは間違っていなければなりません。それを修正する方法は不明です。私はまた、フォーム[0]の代わりに要素[0]を使用し、また入力と要素[input]を試してみました。どうすればいいのか分かりません...

ありがとう、すべての助けに感謝します。

Answer 1

使用してアクセスできるよう

はこのほかに、あなたは、あなたの入力にIDを使用する場合があります。それをゆっくり読んで、あなたのエラーを表示し、それらを修正してみてください。）

あなたがここでそれを見ることができます：http://jsfiddle.net/3U5Qm/

Answer 2

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

あなたが不足している+

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

Answer 3

に署名あなたの入力

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

は、 '名前' にNを意味する "camelCase形式" は、大文字です。あなたはinputNameをする必要がありますあなたのJavaScript

document.forms[0].inputname.value 

inputnameに小文字のname属性を使用しています。フォームコレクションはdocument.formsで、document.formではないことに注意してください。あなたはちょうどそれはあなたが私はあなたのために働いたバージョンを作ってきた、多少の誤差があるdocument.getElementById('inputid');