プログラミング学習の記録 155.3 JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)の練習問題3.1

開発環境:Microsoft Visual Web Developer+Internet Explorer
Script言語:JavaScript

"JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)"のp.81の練習問題3.1を解いてみる。

3.1

// 変数を表示する関数を定義
            this.print = function() {

// id=d0のtagを取得
                var d0 = document.getElementById("d0");

// 段落を作成して取得したtagの子要素に追加
                var p0 = document.createElement("p");
                var p1 = document.createElement("p");
                p0.innerHTML = "Name: " + this.name;
                p1.innerHTML = "E-Mail: " + this.email;
                d0.appendChild(p0);
                d0.appendChild(p1);
            }
        }
        
        // Member Objectをインスタンス化して実行
        var member0 = new Member("JavaScript", "@0");
        var member1 = new Member("Microsoft Visual C#", "@1");
        var member2 = new Member("Silverlight", "@2");
        member0.print();
        member1.print();
        member2.print();
    }</script>
<p>MemberのName,E-Mailを表示してみる。</p>
<input type="button" value="Click!" onclick="clicked()" />
<p>実行結果</p>
<div id="d0"></div>

MemberのName,E-Mailを表示してみる。

実行結果