▶ 実 行
▶ 実行
クリア
TODOリスト改
by クジラ飛行机
# 初期設定 ファイル名=「todo.json」 TODO = [] # 前回の保存内容を読む ファイル名を開いてTODOに代入。 もし、TODOが未定義ならば、TODO=[] # 画面をHTMLで作成 初期画面=『 <h1>ToDoリスト</h1> <button id="追加ボタン">TODO追加</button> <div id="表示エリア"></div> 』 DOM親要素に初期画面をHTML設定。 「#追加ボタン」をクリックした時には TODO追加処理。 ここまで。 TODO表示。 ●TODO表示とは Sは「」 TODOを反復 ボタンID= 「todo{対象キー}」 S=S&「<li><button id="{ボタンID}">❌</button>」 S=S&「 {対象}</li>」 ここまで。 「#表示エリア」に「<ul>{S}</ul>」をHTML設定。 # ❌ボタンを押した時のイベントを設定 TODOを反復 ボタンID=「#todo{対象キー}」 ボタンIDをクリックした時には 対象@"id"のTODO削除。 ここまで。 ここまで。 ここまで。 ●TODO追加処理とは 「何をするべきですか?」と尋ねる。 もし、それが空ならば戻る。 TODOにそれを配列追加。 TODOをファイル名に保存。 TODO表示。 ここまで。 ●(IDの)TODO削除とは IDの「todo」を「」に置換して整数変換してNOに代入。 TODOのNOを配列切り取る。 TODOをファイル名に保存。 TODO表示。 ここまで。