今回はタスクの完了処理の実装工程をメモしていきます。 前回の記事はこちらから yuu104.hatenablog.com 目標の確認 下記画像のように、チェックボックスをクリックするとタスクがToDo欄から完了欄に表示されるようにします。 前回までのjavascriptファイル …

今回はタスク削除機能の作成をメモしていきます。 前回の記事はこちらから yuu104.hatenablog.com 上記画像の「削除」の部分をクリックするとタスクが削除されるようにします。 前回までのjavascriptファイル const todoForm = document.getElementById('tod…

今回はタスク追加機能の作成をメモしていきます。 前回の記事を見ていない方はこちらから yuu104.hatenablog.comタスク追加の流れは以下のようになります。 1. 入力欄にタスクの内容を入力する 2. 入力欄でEnterキーを押して送信する 3. タスクの文字列を取…

JavaScriptでtodoリストを作成したので、その過程をメモしていきます。 制作物の確認 実装した機能は ・タスクの追加 ・タスクの完了 ・タスクの削除 と少なく、デザインもシンプルで見やすくしました。 下記リンクから確認できます。 https://yuu104.github…