2014年3月9日日曜日

開発環境

Head First JavaScript ―頭とからだで覚えるJavaScriptの基本( Michael Morrison (著), 豊福 剛 (翻訳)、オライリージャパン)の9章(データを活気づける)、JavaScriptマグネット(p.429)をDartで考えてみる。

その他参考書籍

JavaScriptマグネット(p.429)

コード

sample.dart

import 'dart:html';

void main () {
  search.onClick.listen((MouseEvent event) => searchBlog());
}

ButtonElement search = querySelector('#search0');
InputElement search_text = querySelector('#searchtext0');
DivElement div = querySelector('#d0');

List<Blog> blog = [new Blog(new DateTime(2008, 8, 14), '注文していた…'),
                   new Blog(new DateTime(2008, 8, 19), '新しいキューブは…'),
                   new Blog(new DateTime(2008, 8, 16), '新しいキューブと…'),
                   new Blog(new DateTime(2008, 8, 21), 'ネットで…')];

class Blog {
  DateTime date_time;
  String body;
  Blog(this.date_time, this.body);
}

void searchBlog(){
  String text = search_text.value.toLowerCase();
  String result;
  for (Blog entry in blog){
    String body = entry.body;
    if(body.toLowerCase().contains(new RegExp(text))){
      DateTime date = entry.date_time;
      result = '[${date.month}/${date.day}/${date.year}] $body';
    }
  }
  if (result == null) {
    result = '検索テキストを含むエントリは見つかりません。';
  }
  div.text = result;
}

0 コメント:

コメントを投稿