id属性をtodoリストに追加する。
なぜなら、delete_todoで要素を指定して削除するのに必要だったからだ。

検討中の機能

縦にスライドした際に、コンテンツが中途半端な位置になる。
そうなったときに自動で次のコンテンツに移動する処理

isDone関数でStatusEnum.DONEをStatusEnum.Doneと書いていて、予想と違う挙動になった。(580ff33)

防止するために、unit-testリポジトリを作成してテストを書く。

やること

JSDocをすべての変数に書く

TODO

• nullをオプションで渡す可能性があるコードにデフォルト引数を追加
  [add] deleteTodo function #9

引数でnullとか渡すのが面倒だったりするので
デフォルト引数にしちゃえば明示的に渡さなくて済みます ( innerText = null )。
(直さないで大丈夫、知っておいてもらえれば)

    if (!tag) {
        return ;
    }
    const element = document.createElement(tag);
    if (className) {
        element.className = className;
    }
    if (innerText) {
        element.textContent = innerText;
    }
    return element;
    } 

• createTodo()とcreateElementWrapperの変数にjsdocを追加

  • [] オブジェクトの型指定が適当なところがあったので、オブジェクトの型名を明示する。
  • /** @type {HTMLDivElement | null} */

• todosの型注釈(はんぞーさんに聞く)

/**
 * todos has todo's content and status value
 * @typedef {Object} Todo - todo object
 * @property {string} id - Todo id (uuid). It is used when change indivisual todo item.
 * @property {string} content - The description of the todo item.
 * @property {StatusEnum} status - todo status that defines statusEnum.
**/

• nullを返す可能性がある関数にオプショナルチェーンをつける
• submitButtonで、querySelectorはnullを返す可能性もあるので、オプショナルチェーンをつける

document.querySelector(".submitButton").addEventListener("click", createTodo);