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

2010年3月13日土曜日

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

開発環境:Microsoft Visual Web Developer+Internet Explorer

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

3.3

<script language="javascript" type="text/javascript">
    var Dog = function(f) { };
    Dog.prototype = {
        Dog: function(name, age) {
            this.name = name;
            this.age = age;
        },
        displayNameandAge: function(f) {
            var dog = document.getElementById("dog");
            var label = document.createElement("p");
            var text = document.createTextNode(this.name + ": " + this.age);
            label.appendChild(text);
            dog.appendChild(label);
        },
        bark: function(f) {
            var dog = document.getElementById("dog");
            var label = document.createElement("p");
            var text = document.createTextNode("わん!わん!");
            label.appendChild(text);
            dog.appendChild(label);
        },
        sleep: function() {
        var dog = document.getElementById("dog");
        var label = document.createElement("p");
        var text = document.createTextNode("グーグー");
        label.appendChild(text);
        dog.appendChild(label);
        },
        eat: function(f) {
        var dog = document.getElementById("dog");
        var label = document.createElement("p");
        var text = document.createTextNode("ぱくぱく");
        label.appendChild(text);
        dog.appendChild(label);
        }
    };
    var Retriever = function(name, age) {
        this.name = name;
        this.age = age;
    };
    Retriever.prototype=new Dog();
    Retriever.prototype.swim = function(f) {
        var dog = document.getElementById("dog");
        var label = document.createElement("p");
        var text = document.createTextNode("すいすい");
        label.appendChild(text);
        dog.appendChild(label);
    };</script>
    <script language="javascript" type="text/javascript">
        var pochi = new Retriever("Pochi", 10);</script>
        <form action="">
        <p>犬についていろいろ。</p>
        <p id="dog"></p>
        <input type="button" value="名前と年齢" onclick="pochi.displayNameandAge();" />
        <input type="button" value="Bark" onclick="pochi.bark();" />
        <input type="button" value="Sleep" onclick="pochi.sleep();" />
        <input type="button" value="Eat" onclick="pochi.eat();" />
        <input type="button" value="Swim" onclick="pochi.swim();" /></form>

0 コメント:

コメントを投稿

コメントの投稿(Atom)