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

開発環境

• Microsoft Windows 7 Home Premium (OS)
• Internet Explorer 8 (プラウザ)
• Microsoft Visual Web Developer 2010 Express Edition (IDE)
• Script言語:JavaScript

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

1.

var button = document.getElementById("button"); button.onclick = function () { alert("こんにちは、" + document.form.name.value + "さん"); }

お名前をどうぞ:

 

2.

イベントリスナを登録するJavaScriptが実行される時点ではまだイベントリスナを登録するHTMLの要素の解釈が終わっていないのが問題。解決方法はイベントリスナを登録する要素の後にイベントリスナを登録するJavaScriptのコードを記述すれば良い。

 

3.

ダイアログには要素のvalue, クリックが表示される。

確認