開発環境
- 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 コメント:
コメントを投稿