Test the Application

Test all CRUD operations:

code text

CREATE → Add a new task
READ   → Display the task
UPDATE → Edit or complete the task
DELETE → Remove the task

Testing Checklist

code text

[ ] Add a task
[ ] Add multiple tasks
[ ] Edit a task
[ ] Mark a task as Done
[ ] Delete a task
[ ] Try adding an empty task

------------------------------------------------------------------------

Expected Result

Each task should have the following controls:

code text

Study JavaScript    [Delete] [Edit] [Done]

Create Database     [Delete] [Edit] [Done]

When a task is marked Done, it appears crossed out and its buttons become disabled. ------------------------------------------------------------------------

CRUD Summary

code text

Operation    Function                Purpose
  ------------ ----------------------- -----------------
  **CREATE**   `addTask()`             Add a task
  **READ**     `addTaskItem()`         Display a task
  **UPDATE**   `handleEditClick()`     Edit a task
  **UPDATE**   `createDoneButton()`    Complete a task
  **DELETE**   `handleDeleteClick()`   Remove a task

Note: This application stores tasks only in the current browser

page. Refreshing the page removes the tasks.

format_list_numbered Step 7 of 7

chevron_left Previous flag Finish