Skip to content

A simple JavaScript Todo List app built to practice DOM manipulation and event handling. Tasks can be added and deleted dynamically with a clean, minimal UI. Includes lightweight HTML, CSS, and JS—perfect for learning core frontend concepts.

Notifications You must be signed in to change notification settings

shanusingh01/js-todo-list

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

JavaScript Todo List

A clean and minimal Todo List application built using vanilla JavaScript. This project demonstrates the fundamentals of DOM manipulation, event listeners, element creation, and efficient event delegation for removing tasks.

🚀 Features

  • Add tasks dynamically
  • Remove tasks with a single click
  • Minimal, fast, and beginner-friendly UI

📂 Project Structure

  • index.html – Application markup
  • style.css – Lightweight styling
  • app.js – Core logic for adding and deleting todos

🎯 Purpose

This project is part of my JavaScript learning journey. It helped me learn how to work with input elements, create and append nodes, and manage events efficiently in the DOM.

🧪 How to Use

  1. Enter a task in the input field
  2. Click Add Task
  3. Click delete to remove any task

🎯 Learning Objectives

This project was created as part of my JavaScript learning practice. It helped reinforce:

  • Selecting and manipulating DOM elements
  • Handling user input and button events
  • Creating and appending elements dynamically
  • Using event delegation for efficient deletion logic

About

A simple JavaScript Todo List app built to practice DOM manipulation and event handling. Tasks can be added and deleted dynamically with a clean, minimal UI. Includes lightweight HTML, CSS, and JS—perfect for learning core frontend concepts.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published