目次：
ベースとなるHTMLファイルです。
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>会員管理</title>
</head>
<body>
<h1>会員管理</h1>
<p>会員情報を入力してください。</p>
<form>
<p>氏名：<input type="text" size="20"></p>
<p>年齢：<input type="text" size="5"></p>
<p>メール：<input type="text" size="30"></p>
<input type="button" value="登録"/>
</form>
<script type="text/javascript" src="js/my.js"></script> </body>
</html>
document.write("<p>JavaScriptで出力したよ</p>");
var kaiin = [
["山田太郎",55,"taro@aaa.jp"],
["佐藤花子",18,"hanako@bbb.jp"],
["中村次郎",42,"jiro@ccc.jp"],
];
// 会員を登録する
function regist() {
for (var i = 0; i < kaiin.length; i++) {
alert((i+1)+"番目の会員は"+
kaiin[i][0]+"（"+kaiin[i][1]+"歳）で、メールは"+
kaiin[i][2]+"です");
}
}
var kaiin = [
{name: "山田太郎", age: 55, mail: "taro@aaa.jp"},
{name: "佐藤花子", age: 18, mail: "hanako@bbb.jp"},
{name: "中村次郎", age: 42, mail: "jiro@ccc.jp"},
];
// 会員を登録する
function regist() {
for (var i = 0; i < kaiin.length; i++) {
alert((i + 1) + "番目の会員は" + kaiin[i].name +
"(" + kaiin[i].age + ")でメールは" +
kaiin[i].mail + "です");
}
}
JavaScriptでのクラスは関数オブジェクトです。
var Member = function (n, a, m) {
this.name = n;
this.age = a;
this.mail = m;
this.getString = function () {
return this.name + "(" + this.age + "歳) - mail:" + this.mail;
}
};
var taro = new Member("山田太郎", 55, "taro@aaa.jp");
var hanako = new Member("佐藤花子", 18, "hanako@bbb.jp");
var jiro = new Member("中村次郎", 42, "jiro@ccc.jp");
// 会員を登録する
function regist() {
alert("会員は" + taro.getString() + "です");
alert("会員は" + hanako.getString() + "です");
alert("会員は" + jiro.getString() + "です");
}