開発環境
- OS X Mavericks - Apple (OS)
- Dart Editor (開発環境)
- Dartium | Dart/ Structured web apps (ブラウザ, Dart VM 用 (Chromium with the Dart VM))
- Safari (ブラウザ, JavaScript 用)
- Dart (プログラミング言語)
『初めてのJavaScript 第2版』(シェリー・パワーズ著(Shelley Powers著)、武舎 広幸+武舎 るみ訳、オライリージャパン、2009年、ISBN978-4-87311-425-5) の8章(フォームと検証)、練習問第8-1.をDartで解いてみる。
その他参考書籍
- What is Dart? [Kindle版] (O'Reilly Media) Kathy Walrath Seth Ladd (著) このブログでの感想
練習問第8-1.
コード
sample.dart
import 'dart:html';
import 'dart:math' as math;
void main(){
var run = querySelector('#run'),
clear = querySelector('#clear'),
pre0 = querySelector('#pre0'),
colors = querySelector('#d0').children,
random = new math.Random();
run.onClick.listen((MouseEvent event){
var result = window.navigator.userAgent + '\n';
for(var color in colors){
if (color.checked){
switch(random.nextInt(3)){
case 0:
result += '大吉';
break;
case 1:
result += '中吉';
break;
case 2:
result += '小吉';
break;
case 3:
result += '凶';
}
break;
}
}
if (!(new RegExp('吉|凶').hasMatch(result))){
result += '色を選択して下さい。';
}
pre0.text = result;
});
clear.onClick.listen((MouseEvent event) => pre0.text = '');
}
赤
青
黄色
白
0 コメント:
コメントを投稿