Skip to content

Sa3d-Ka/To-Do-list-JavaScript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

To-Do List-JavaScript

A simple, interactive to-do list web application built with HTML, CSS, and JavaScript. This app allows users to add, check off, and delete tasks, with task data saved in the browser's local storage for persistence.

To-Do List-JavaScript To-Do List-JavaScript

Demo

You can try the live demo of the To-Do List app by clicking the link below:

Try the To-Do List Demo

Features

  • Add Task: Enter a task in the input box and press the "Enter" key or click the "Add" button to add it to the list.
  • Mark Task as Completed: Click on a task to mark it as completed. Completed tasks appear with a line-through effect.
  • Delete Task: Click the "×" icon next to any task to remove it from the list.
  • Persistent Storage: All tasks are saved in the browser’s local storage, so they remain even after refreshing or reopening the page.

Project Structure

  • index.html: The HTML structure of the application.
  • style.css: Basic styling for the to-do list.
  • app.js: JavaScript functionality to handle adding, deleting, completing tasks, and saving data to local storage.

Installation

  1. Clone the repository:
    git clone https://github.com/Sa3d-Ka/To-Do-list-JavaScript.git