Skip to content

A simple To-Do List application built with HTML, CSS, and JavaScript using DOM manipulation. Users can add, edit, and delete tasks interactively.

License

Notifications You must be signed in to change notification settings

zainulabedin-devsec/DOM_manipulation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

7 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

βœ… To-Do List App (DOM Manipulation)

This project is a simple To-Do List application created using HTML, CSS, and JavaScript.
It demonstrates DOM manipulation by allowing users to add, edit, and delete tasks dynamically.


πŸš€ Features

  • βž• Add new tasks
  • πŸ“ Edit existing tasks
  • ❌ Delete tasks
  • 🚨 Validation: prevents adding empty tasks
  • πŸ–₯️ Clean and minimal UI

πŸ› οΈ Technologies Used

  • HTML5 β†’ Structure
  • CSS3 β†’ Styling
  • JavaScript (Vanilla JS) β†’ Functionality with DOM Manipulation

πŸ“‚ Project Structure

πŸ“¦ DOM manipulation

┣ πŸ“œ DOM_manipulation.html # Main HTML structure

┣ πŸ“œ DOM_manipulation.css # Styling for the To-Do List

┣ πŸ“œ DOM_manipulation.js # JavaScript logic (add, edit, delete tasks)


▢️ How to Run

  1. Clone this repository:

    git clone https://github.com/zainulabedin-devsec/DOM_manipulation.git

πŸ“Έ Demo (screenshots):

image

πŸ‘¨β€πŸ’» Author

Zain Ul Abedin

About

A simple To-Do List application built with HTML, CSS, and JavaScript using DOM manipulation. Users can add, edit, and delete tasks interactively.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published