Dart - トラブルへの対処、デバッグ、異種ブラウザ間の問題(CSS3(text-shadow))

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

開発環境

• OS X Mavericks - Apple (OS)
• Dart Editor (開発環境)
• Dart (プログラミング言語)

『初めてのJavaScript 第2版』(シェリー・パワーズ著(Shelley Powers著)、武舎 広幸+武舎 るみ訳、オライリージャパン、2009年、ISBN978-4-87311-425-5) の6章(トラブルへの対処、デバッグ、異種ブラウザ間の問題)、練習問第6-2をDartで解いてみる。

その他参考書籍

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

練習問第6-2

コード

sample.dart

import 'dart:html';

void main(){
  var run = querySelector('#run'),
      clear = querySelector('#clear'),
      pre0 = querySelector('#pre0'),
      d0 = querySelector('#d0');
  run.onClick.listen((MouseEvent event){
    var result = window.navigator.userAgent + '\n',
        shadow_color = querySelector('#shadow_color').value,
        shadow_x = querySelector('#shadow_x').value,
        shadow_y = querySelector('#shadow_y').value,
        shadow_r = querySelector('#shadow_r').value;
    d0.setAttribute('style', 'text-shadow: ${shadow_color} ${shadow_x}px ' +
        '${shadow_y}px ${shadow_r}px');
    pre0.text = result;
  });
  clear.onClick.listen((MouseEvent event) => d0.setAttribute('style', ''));
}

色:
長さ x: px
長さ y: px
ぼかし半径: px