<repo_name>y-arimura1222/todo-app-vanilla-js<file_sep>/js/index.js
'use strict'
{
    const onClickAdd = () => {

        // 入力されたテキストを取得＆初期化
        const inputText = document.getElementById('add-text').value;
        document.getElementById('add-text').value = "";

        // リストに追加するため必要な要素を生成
        const li = document.createElement("li");
        const div = document.createElement("div");
        div.className = "list-row";
        const p = document.createElement("p");
        p.innerText = inputText;
        const completeButton = document.createElement("button");
        completeButton.innerText = "完了";
        const deleteButton = document.createElement("button");
        deleteButton.innerText = "削除";

        // 完了ボタンのイベント
        completeButton.addEventListener("click", () => {
            // 押されたボタンのテキストを取得
            const completeTarget = completeButton.parentNode;
            const completeText = completeTarget.firstElementChild.innerText;

            // リストの初期化
            completeTarget.textContent = null;

            // 完了済みリストに追加する要素を生成
            p.innerText = completeText;
            const backButton = document.createElement("button");
            backButton.innerText = "戻す";
            li.appendChild(completeTarget);
            completeTarget.appendChild(p);
            completeTarget.appendChild(backButton);
            document.getElementById("complete-list").appendChild(li);

            // 戻すボタンを押したときの処理
            backButton.addEventListener("click", () => {
                // 押されたボタンのテキストを取得
                const backTarget = backButton.parentNode;
                const backText = backTarget.firstElementChild.innerText;

                // リストの初期化
                backTarget.textContent = null;

                // 未完了リストに戻す要素を生成
                p.innerText = backText;
                li.appendChild(div);
                backTarget.appendChild(p);
                backTarget.appendChild(completeButton);
                backTarget.appendChild(deleteButton);
                document.getElementById("incomplete-list").appendChild(li);
            })
        })

        // 削除ボタンのイベント
        deleteButton.addEventListener("click", () => {
            document.getElementById("incomplete-list").removeChild(li);
        })

        // 子要素の生成
        li.appendChild(div);
        div.appendChild(p);
        div.appendChild(completeButton);
        div.appendChild(deleteButton);

        // 未完了リストに追加
        document.getElementById("incomplete-list").appendChild(li);

    }

    document.getElementById("add-button").addEventListener("click", () => onClickAdd());
}
<file_sep>/README.md
# 簡単な todo　app を vanilla で作成
