開発環境
- 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 (著), 豊福 剛 (翻訳)、オライリージャパン)の3章(ブラウザを調べる)、自分で考えてみよう(p.95)をDartで解いてみる。
その他参考書籍
- What is Dart? [Kindle版] (O'Reilly Media) Kathy Walrath Seth Ladd (著) このブログでの感想
自分で考えてみよう(p.95)
コード
sample.dart
import 'dart:html'; import 'dart:js' as js; import 'dart:async' as async; void main(){ smile_img.onClick.listen((MouseEvent ) => touchSmile()); } ImageElement smile_img = querySelector('#smile_img'); void touchSmile(){ String user_name = js.context.callMethod('prompt', ['あなたのお名前は?']); if(user_name != ''){ window.alert('はじめまして、$user_nameさん。'); smile_img.src = 'http://farm4.staticflickr.com/3799/12008611555_9737b8ac4b_o.png'; var t = new async.Timer(new Duration(minutes:5), () => smile_img.src = 'http://farm8.staticflickr.com/7455/12009424956_d02b583696_o.png'); } }
こんにちは。私は SMILE です。
0 コメント:
コメントを投稿