The To-Do List project is a simple web application that allows users to create and manage a list of tasks they need to complete. With a clean and intuitive interface, users can quickly add, edit, and delete tasks, as well as mark tasks as complete. This project is built with JavaScript and is a great example of a basic web application using DOM manipulation and event listeners.
Check out our project blog post for more information on the development process and our thoughts on the To Do List project:
To get a local copy up and running follow these simple example steps.
To run this application locally, you need to clone this repository to your local machine. You can do this by running the following command in your terminal:
- Clone the repo
https://github.com/CodeStudio-Content/To-Do-List-JavaScript.git cd To-Do-List-JavaScript
- Open the index.html file in your browser
To add a task to the to-do list, simply enter the task description in the input field at the top of the page and press the "Add" button. The task will be added to the list.
To update a task, click on the task you want to update. This will open a modal window where you can edit the task description. Once you have made your changes, click the "Save" button to update the task.
To mark a task as complete, simply click the checkbox next to the task description. The task will be crossed out to indicate that it has been completed.
To delete a task, click the "Delete" button next to the task you want to delete. This will remove the task from the to-do list.
- HTML
- CSS
- Javascript
index.html: This is the main file that contains the html code for the To-Do List.style.css: This file contains the styling for the To-Do List.script.js: This file contains the logic for the To-Do List, including adding, editing, and deleting tasks, and filtering the task list.