AI LINK CRAFTAI LINK CRAFT

JavaScript

TODOアプリ

追加・完了・戻す・削除を、フレームワークなしのJavaScriptで実装したTODOアプリ。

ポートフォリオに戻る
入力したタスクを未完了と完了に分け、完了・戻す・削除できる流れの図
系統
JavaScript
リポジトリ
js-todo-app
構成技術
  • JavaScript
  • HTML
  • CSS

APPROACH

やったこと

  • 入力欄のテキストを未完了リストの項目として追加する
  • 完了で完了リストへ移し、戻すで未完了リストへ戻す
  • 削除は未完了リストからその項目だけ取り除く

HIGHLIGHT

工夫した点

  • フレームワークなしで操作を組み立てた

    追加・完了・戻す・削除を、DOMの生成と付け替えだけで実装しています。ライブラリに頼らず、画面上の要素がどう動くかを追いやすい形にしました。

CONTACT

まだ形になっていない相談で、大丈夫です。

何から始めればよいか分からない段階からご一緒します。最初のヒアリングは無料です。通常2〜3日以内にご返信します。