Function addTodo

src/examples/todo.tsx:35–48

()

  let textField: HTMLTextFieldElement | null = null;

  function addTodo() {
    setTodos((prev) => {
      const next = [...prev];
      next.push({
        id: next.length + 1,
        title: newTodo,
        completed: false,
      });
      storageApi.set("todos", JSON.stringify(next));
      newTodo = "";
      textField?.clear();
      return next;
    });
  }

  createRenderEffect(() => {
    setTimeout(() => {