Making a Dynamic Todo List with JavaScript

Build on your static Todo List by adding interactivity using JavaScript. This course will teach you how to manipulate the DOM and handle user events to dynamically update the Todo List without a backend server.

Lessons and practices

Lesson 1: Linking JavaScript to Dynamically Add Items

Select the Todo List

Find and Fix the Error

Write Interactive JavaScript

Add Interactivity to Your Todo List

Create Your Interactive Movie List

Lesson 2: Deleting Todo Items

Remove the Todo List

Fix Todo Item Deletion

Remove a Movie from the List

Managing a Guest List with JS

Managing and Deleting Todo Items

Lesson 3: Adding Checkboxes to Mark Completion

Enhance Todo List Aesthetics

Fix the Delete Functionality

Adding a Checkbox, Movie, and Delete Button to a Movie List

Check Off Songs from your List

Add and Delete Movie List

Lesson 4: Reordering Todo Items

Move Two Positions at Once

Fix the To-do List Bugs

Move the Tasks Around

Prioritizing Tasks

Implement Your Dynamic Todo List

Lesson 5: Storing Todos Locally

Reorganize the Todo List

Fix Bugs and Save Todos

Add Saving Functionality to Todo List

Add Loading Functionality to your Todo List

Build a Complete Todo List

Interested in this course? Learn and practice with Cosmo!

Practice is how you turn knowledge into actual skills.