The code-journal's discuss from arcan9

💰 Motivation

If a user makes a mistake when creating an entry or wants to add more notes to an entry, they should be able to edit it.

Allow users to select an existing entry to edit and pre-populate its information into the form.

Update entry rendering function to include an edit icon for each rendered entry.
Ensure that each rendered entry is given a data-entry-id attribute indicating which entry it is.
Listen for clicks on the parent element of all rendered entries.
Show the entry form if an edit icon was clicked.
Find the matching entry object in the data model and assign it to the data model's editing property if an edit icon was clicked.
Pre-populate the entry form with the clicked entry's values from the object found in the data model.
Update the entry form's submit handler function to conditionally add a new entry object or update the existing one.
Update the entry form's submit handler function to conditionally add a new entry DOM tree or replace the existing one.
Remove all CSS styling that had no affect or was otherwise unnecessary.
Test all functionality again in a private browsing session.
Fix all errors.

If a user decides that they no longer wish to keep an entry, they should be able to delete it.

Allow users to delete an entry from its edit screen.

Add a click target for deleting an entry to the entry form that only appears if the user is editing an entry.
Show a confirmation modal when the user clicks the Delete Entry click target.
Hide the modal if the user clicks Cancel.
Remove the entry from the data model and the entry's DOM tree from the page if the user clicks Delete.
Show the Entries list if the user clicks Delete.
Remove all CSS styling that had no affect or was otherwise unnecessary.
Test all functionality again in a private browsing session.
Fix all errors.