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

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

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

3.2

// MemberのName,E-Mailを表示
    function clicked() {

// Member変数name,emailを持つMember Objectを定義
        var Member = function(name, email) {
            this.name = name;
            this.email = email;
        };

// Member Objectのname,emailを表示
        Member.prototype.display = function() {

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

// 段落を作成、変数name,emailを書き込み
            var p0 = document.createElement("p");
            var p1 = document.createElement("p");
            p0.innerHTML = "Name: " + this.name;
            p1.innerHTML = "E-Mail: " + this.email;

// 段落をd0の子要素に追加
            d0.appendChild(p0);
            d0.appendChild(p1);
        }

// Member Objectをインスタンス化して変数を定義
        var m0 = new Member("JavaScript", "@0");
        var m1 = new Member("Microsoft Visual C#", "@1");
        var m2 = new Member("Silverlight", "@2");

// Member Objectを表示
        m0.display();
        m1.display();
        m2.display();
    }</script>
<p>MemberのName,E-Mailを表示してみる。(prototype propertyを使用してmemory消費を節約)</p>
<input type="button" value="Click!" onclick="clicked()" />
<p>実行結果</p>
<div id="d0"></div>

MemberのName,E-Mailを表示してみる。(prototype propertyを使用してmemory消費を節約)

実行結果