Question: 1. Build a simple HTML template for the application (valid HTML and an external JavaScript file). This should include an h1 element that features the

1. Build a simple HTML template for the application (valid HTML and an external JavaScript file). This should include an h1 element that features the name of your Goal Tracker, an input element that allows the user to add a weekly goal and a button element to add it to the list. 2. Add an event handler that captures the value of the above elements and creates a new HTML element that features the text of the new goal, an element to mark the goal as complete, and a to delete the goal. 3. For each weekly goal, build an event handler that listens for the click event on the complete goal button. When the complete goal button is clicked, the item is styled with a CSS text-decoration: line-through property, and it is moved to another list of completed items. 4. Also, include an event handler that removes the respective to-do item when a user clicks on the delete goal element.

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!