まあ、単に Local Storage に保存されているだけなんですが、普段 Web ブラウザベースの開発環境を使わないので、新鮮に感じたのでした。
新鮮に感じたついでに、Dart で Local Storage を利用する方法を書いてみました。
まずは dart。
import 'dart:html';
void main() {
InputElement serif = querySelector('#serif');
InputElement submit = querySelector('#save');
Element output = querySelector('#outputSerif');
Storage localStorage = window.localStorage;
String savedSerif = localStorage['serif'];
if (savedSerif != null) output.text = savedSerif;
submit.onClick.listen((Event e) {
output.text = serif.value;
localStorage['serif'] = serif.value;
});
}
そして html。
<html>
<head>
<meta charset="utf-8">
<title>Dart で Local Storage</title>
</head>
<body>
<h1>Dart で Local Storage</h1>
<label for="serif">好きなセリフは？</label>
<input type="text" name="serif" id="serif">
<input type="submit" id="save" value="Save">
<h2>
<output id="outputSerif"></output>
</h2>
</body>
</html>
結果はこんな感じ。
実際のところ DartPad は、iframe タグに sandbox 属性「allow-same-origin」の指定がないので動きません。。。
DartPad で動かしたければ、無理やりやってね（笑）
久々に技術的なことを書きました。
DartPad が思いのほか手軽なので、今後は技術的な内容も増やしていこうと思います。
Thanks for sharing, nice post!
返信削除Chia sẻ các bạn Kawasaki z1000 giá bao nhiêu với kiểu dáng tuyệt đẹp hay cách chữa ong đốt hiệu quả nhất tại nhà bạn nên biết hay 094 là mạng gì và các số tổng đài liên quan hay 0126 là mạng nào và tổng đài MobiFone hỗ trợ khách hàng hay chia sẻ làm sao để biết người ấy thích mình để biết người ta có thật lòng thích mình hay không hay ý nghĩa của các con số trong điện thoại nói lên điều gì rất thú vị hay tác dụng của lá vối trong việc chữa bệnh cực hữu hiệu hay những bài hát tiếng Anh hay nhất mọi thời đại nghe là nghiền có thể bạn chưa biết hay chia sẻ các bạn cách tự nhuộm tóc tại nhà cực đẹp tự nhiên hay rửa mặt bằng nước vo gạo có ăn nắng không hay chia sẻ các bạn cách làm đẹp từ nước vo gạo với cách rửa mặt bằng nước vo gạo đúng cách hay chia sẻ các mẹ cách hướng dẫn cách tắm nắng cho trẻ sơ sinh đúng cách nhất hay ý nghĩa các loài hoa trong cuộc sống đầy thú vị hay thắc mắc của các mẹ là trẻ sơ sinh có nên uống nước hay không có tốt cho trẻ hay không hay sữa mẹ để ngoài được bao lâu có tốt không hay những bộ phim ma hay nhất mọi thời đại bạn ko nên bỏ qua hay bùa yêu có thật không và những cây chuyện bùa yêu có thật.