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

開発環境:
Microsoft Windows 7 Home Premium (OS)
Internet Explorer 8 (プラウザ)
Microsoft Visual Web Developer 2010 Express Edition (IDE)

Script言語:JavaScript

"JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)"のp.81、第3章(高度なJavaScriptプログラミング)の練習問題を解いてみる。(3.4, 3.5はprototype.jsを利用するのでとばしました。)



3.1
var Member = function (name, emal) { this.name = name; this.emal = emal; this.displayNameandEmal = function () { var d0 = document.getElementById("d0"); var p = document.createElement("p"); var br = document.createElement("br"); var text1 = document.createTextNode("E-Mail: " + this.emal); var text = document.createTextNode("Name: " + this.name + " Email: " + this.emal); p.appendChild(text); p.appendChild(br); p.appendChild(text1); d0.appendChild(p); } } var name = prompt("名前を入力してください", ""); var emal = prompt("Eメールアドレスを入力してください"); var member = new Member(name, emal); member.displayNameandEmal();

3.2
var Member = function (name, emal) { this.name = name; this.emal = emal; }; Member.prototype.displayNameandEmal = function () { var d1 = document.getElementById("d1"); var p = document.createElement("p"); var br = document.createElement("br"); var text = document.createTextNode("Name: " + this.name); var text1 = document.createTextNode("E-Mail: " + this.emal); p.appendChild(text); p.appendChild(br); p.appendChild(text1); d1.appendChild(p); } var name = prompt("名前を入力してください", ""); var emal = prompt("Eメールアドレスを入力してください"); var member = new Member(name, emal); member.displayNameandEmal();

3.3
function Insert(text){ var d2 = document.getElementById("d2"); var p = document.createElement("p"); var text = document.createTextNode(text); p.appendChild(text); d2.appendChild(p); } var Dog = function () { }; Dog.prototype = { Dog: function (name, age) { this.name = name; this.age = age; }, dispNameandAge: function () { Insert("Name: " + this.name + " Age: " + this.age); }, bark: function () { Insert("わん!わん!"); }, sleep: function () { Insert("グーグー"); }, swim: function () { Insert("すいすい"); }, eat: function () { Insert("ぱくぱく"); } }; var Retriever = function (name, age) { this.name = name; this.age = age; }; Retriever.prototype = new Dog(); var pochi = new Retriever("pochi", 6);

Retriever(犬)ついて。