Dart - ページの部品をかき集める(HTMLの内部にアクセス(text, setInnerHtml))

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 (著), 豊福 剛 (翻訳)、オライリージャパン)の8章(ページの部品をかき集める)、自分で考えてみよう(p.349)をDartで考えてみる。

その他参考書籍

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

自分で考えてみよう(p.349)

コード

sample.dart

import 'dart:html';

void main(){
  inputs.forEach((InputElement input) =>
      input.onKeyUp.listen((KeyboardEvent event) => changeScene()));
}
DivElement scenetext0 = querySelector('#scenetext0');
DivElement scenetext1 = querySelector('#scenetext1');
DivElement scenetext2 = querySelector('#scenetext2');
InputElement input_cur_scene = querySelector('#input_cur_scene');
InputElement input_decision_scene = querySelector('#input_decision_scene');
List<InputElement> inputs = [input_cur_scene, input_decision_scene];

void changeScene(){
  String message = '';
  try{
    int cur_scene = int.parse(input_cur_scene.value);
    int decision;
    switch (cur_scene){
      case 0:
        cur_scene = 1;
        message = '旅は分かれ道から始まります。';
        break;
      case 1:
        decision = int.parse(input_decision_scene.value);
        if (decision == 1) {
          cur_scene = 2;
          message = '林の中でかわいい小さな家を見つけました。';
        } else {
          cur_scene = 3;
          message = '橋にたち、穏やかな流れを眺めます。';
        }
        break;
    }
  } catch (e) {
    message = '$e';
  }
  scenetext0.text = '$message';
  scenetext1.text = '<h5>$message</h5>';
  scenetext2.setInnerHtml('<h5>$message</h5>');
}

current scene: decision scen: