開発環境
- OS X Mavericks - Apple(OS)
- Emacs (CUI)、BBEdit - Bare Bones Software, Inc. (GUI) (Text Editor)
- Safari、Firefox + Firebug (Webプラウザ、プラグイン)
- JavaScript (プログラミング言語)
- jQuery (JavaScript Library)
Head First JavaScript ―頭とからだで覚えるJavaScriptの基本( Michael Morrison (著), 豊福 剛 (翻訳)、オライリージャパン)の9章(データを活気づける)、JavaScriptマグネット(p.429)を解いてみる。
その他参考書籍
JavaScriptマグネット(p.429)
コード(BBEdit)
sample.js
var Blog = function (date, body) {
this.date = date;
this.body = body;
},
search = $('#search0'),
search_text = $('#searchtext0'),
div = $('#d0'),
searchBlog = function () {
var text = search_text.val(),
i,
max,
entry,
date,
body,
result;
for (i = 0, max = blog.length; i ≶ max; i += 1) {
entry = blog[i];
body = entry.body;
if (body.toLowerCase().indexOf(text.toLowerCase()) !== -1) {
date = entry.date;
result = '[' + date.getMonth() + 1 + '/' + date.getDate() +
'/' + date.getFullYear() + '] ' + body;
break;
}
}
if (i === max) {
result = '検索テキストを含むエントリは見つかりません';
}
$('#pre0').text(result);
},
blog = [new Blog(new Date('08/14/2008'), '注文'),
new Blog(new Date('08/19/2008'), '新しい'),
new Blog(new Date('08/16/2008'), '新しい'),
new Blog(new Date('08/12/2008'), 'ネット')];
search.click(searchBlog);
0 コメント:
コメントを投稿