プログラミング学習の記録 214.1 独習JavaScript (大型本)の第8章(Webブラウザのオブジェクト)の8.2(イベント駆動型プログラミング)練習問題8.1

開発環境:
Mac OS X Snow Leopard (OS)
Firefox(ブラウザ)+Firebug(アドオン)

"独習JavaScript (大型本)"のp.260, 第8章(Webブラウザのオブジェクト)の8.2(イベント駆動型プログラミング)練習問題8.1を解いてみる。




1.
お名前をどうぞ: <input type="text" id="Text1" name="name" /> <input type="button" id="button1" name="button" value="ボタン" onclick="clicked()" /></form> <script language="javascript" type="text/javascript"> function clicked() { alert("こんにちは、" + document.form.name.value + "さん!"); } </script>

お名前をどうぞ:

2.

イベントリスナを登録するJavaScriptコードが実行される時点ではまだHTMLの解析が済んでいないので、存在しない要素に対してイベントリスナを登録することになり、JavaScript側でエラーになる。
解決方法は、イベントリスナを登録する要素(id=button)の後にJavaScriptのコードを記述すればいい。

3.

input のvalueであるクリックがダイアログに表示される。

確認