Simple dart html

index.html

<h2>A Simple To-Do List</h2>

<p>Things to do:</p>

<ul id="todolist">
</ul>

main.dart

import 'dart:html';

Iterable<String> thingsTodo() sync* {
  var actions = ['Walk', 'Wash', 'Feed'];
  var pets = ['cats', 'dogs'];
  for (var action in actions) {
    for (var pet in pets) {
      if (pet == 'cats' && action != 'Feed') continue;
      yield '$action the $pet';
    }
  }
}

void addTodoItem(String item) {
  print(item);
  var listElement = LIElement();
  listElement.text = item;
  todoList.children.add(listElement);
}

UListElement todoList;
void main() {
  todoList = querySelector('#todolist');
  thingsTodo().forEach(addTodoItem);
}

styles.css

body {
  font-family: Helvetica, sans-serif;
  color: white;
  padding: 24px;
}