開発環境
- 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 (著), 豊福 剛 (翻訳)、オライリージャパン)の4章(意思決定)、JavaScriptマグネット(p.159)をDartで考えてみる。
その他参考書籍
- What is Dart? [Kindle版] (O'Reilly Media) Kathy Walrath Seth Ladd (著) このブログでの感想
JavaScriptマグネット(p.159)
コード
sample.dart
import 'dart:html'; void main(){ run.onClick.listen((MouseEvent event){ cur_scene = int.parse(input_scene.value); option = int.parse(input_option.value); changeScene(option); }); } ImageElement scene_img = querySelector('#scene_img'); InputElement input_scene = querySelector('#input_cur_scene'); InputElement input_option = querySelector('#input_option'); ButtonElement run = querySelector('#run_dart'); var cur_scene; var option; void changeScene(int option){ String message = ''; if(cur_scene == 0){ cur_scene = 1; message = '旅は分かれ道から始まります。'; } else if(cur_scene == 1){ } else if(cur_scene == 2){ } else if(cur_scene == 3){ if(option == 1){ cur_scene = 6; message = '残念ですが、橋の向こう側には巨人がいました。お昼ご飯になりました。'; } else { cur_scene = 7; message = '流れを眺めていると巨人がやってきました。'; } } else if(cur_scene == 4){ if(option == 1){ cur_scene = 8; } else { cur_scene = 5; message = '残念ですが、あなたはシチューの材料になりました。'; } } scene_img.src = 'scene${cur_scene}.png'; window.alert(message); }
0 コメント:
コメントを投稿