Dart List

Dart

    import 'dart:html';
    
    InputElement testInput;
    UListElement testList;
    ButtonElement testDelete;
    
    void main() {
      testInput = query("#test-input");
      testList = query("#test-list");
      testDelete = query("#delete-all");
      testInput.onChange.listen(addList);
      testDelete.onClick.listen(deleteAll);
    }
    void addList(Event e) {
      var newList = new LIElement();
      newList.text = testInput.value;
      testInput.value = "";
      testList.children.add(newList);
    }
    void deleteAll(Event e) {
      testList.children.clear();
    }

HTML

<h1>TestPage</h1>

<div>
  <input id="test-input" type="text"></input>
</div>    

<div>
  <ul id="test-list"></ul>
</div>

<div>
  <button id="delete-all" type="button">全件削除</input>
</div>

<script type="application/dart" src="test.dart"></script>
<script src="packages/browser/dart.js"></script>