body {
  --cssx-children: todo-container;
}

#todo-container {
  --cssx-children: todo-input todo-list;
  --todo-list: list();
}

#todo-input {
  --cssx-children: input-field submit-btn;
}

#submit-btn {
  --cssx-on-click: update(
    todo-container,
    --todo-list,
    list-append(
      var(--todo-list),
      tuple(get-attr(input-field, value), false)
    )
  );
}
#submit-btn::after {
  content: "Submit";
}

#todo-list {
  --cssx-iter-children: iter(var(--todo-list), --todo-item, todo-item);
}

#todo-item {

}
#todo-item::after {
  content: var(--todo-item);
}