Dart - バグをなくせ(デバッグ、カスタムクラス、カスタムコンソールの作成)

Dart: Up and Running
(O'Reilly Media)
Kathy Walrath Seth Ladd (著)
[Kindle版]
このブログでの感想

開発環境

• OS X Mavericks - Apple (OS)
• Dart Editor (開発環境)
• Dartium | Dart/ Structured web apps (ブラウザ, Dart VM 用 (Chromium with the Dart VM))
• Safari (ブラウザ, JavaScript 用)
• Dart (プログラミング言語)

Head First JavaScript ―頭とからだで覚えるJavaScriptの基本( Michael Morrison (著), 豊福 剛 (翻訳)、オライリージャパン)の11章(バグをなくせ)、JavaScriptマグネット(p.519)をDartで考えてみる。

その他参考書籍

• What is Dart? [Kindle版] (O'Reilly Media) Kathy Walrath Seth Ladd (著) このブログでの感想

JavaScriptマグネット(p.519)

コード

sample.dart

import 'dart:html';

void main() {
  run.onClick.listen((MouseEvent event) {
    div.innerHtml = '';
    var dc = new DebugConsole();
    int i;
    for (i = 0; i < 5; i += 1) {
      dc.displayMsg('エラー${i + 1}');
    }
  });
  clear.onClick.listen((MouseEvent event) => div.innerHtml = '');
}

ButtonElement run = querySelector('#run_dart');
ButtonElement clear = querySelector('#clear');
DivElement div = querySelector('#d0');

class DebugConsole {
  DivElement console_elem = new DivElement();
  bool shaded = false;
  DebugConsole() {
    console_elem..id = 'debug'
        ..style.fontFamily = 'monospace'
        ..style.color = '#333333'
        ..append(new HRElement());
    div.append(console_elem)
;  }
  void displayMsg(String msg) {
    DivElement msg_element = new DivElement();
    msg_element
        ..append(new Text(msg))
        ..style.backgroundColor = shaded ? '#EEEEEE' : '#FFFFFF';
    console_elem.append(msg_element);
    shaded = ! shaded;
  }
}