Добавляем элементы на страницу

Все три функции вернут нам элемент, а createTodoItemForm целый объект с тремя элементами.

function createTodoApp(container, title = 'Список дел') {
  let todoAppTitle = createAppTitle(title);
  /* <h2>Тут будет значение из аргумента title</h2> */
  let todoItemForm = createTodoItemForm();
  /* <form>...</form> */
  let todoList = createTodoList();
  /* <ul>...</ul> */

  container.append(todoAppTitle);
  container.append(todoItemForm.form);
  container.append(todoList);

  /* остальной код */
}

Метод append добавить элемент h2 в container. А как вы помните там находится элемент div с id todo-app. И страница будет выглядеть вот так.

<div id="todo-app" class="container">
  <h2>Мои дела</h2>
  <form> /* элементы формы */</form>
  <ul>/* элементы списка дел */</ul>
</div>

Возможно довольно непривычно создавать элементы с помощью Javascript, а не html, но это один из подходов для динамического содержимого. Проще говоря в реальной работе вы с этим столкнетесь и поэтому лучше это знать и уметь. Возможно вам поможет само представление в виде html-разметки.

В качестве самостоятельной работы для закрепления материала, рекомендую вам создать на странице разные небольшие функции с различным содержимым и добавить эти элементы.