This is a simple To-Do List web application that allows users to add, view, and manage their tasks. It's designed to be a basic note-taking tool where users can jot down tasks they need to complete.
- Add Tasks: Users can add new tasks to their to-do list.
- Display Tasks: All added tasks are displayed in a list format.
- User-Friendly Interface: Simple and clean design for easy task management.
The project consists of three main files:
index.html: The main structure of the web application.style.css: Contains the styling for the application.script.js: Handles the functionality and interactivity of the to-do list.
This file contains the HTML structure of the To-Do List application. It includes the following components:
- A heading (
<h1>) for the title of the application. - An input field and button for adding new tasks.
- A list container (
<ul>) to display the tasks.
This file is used to style the application, making it visually appealing and easy to use. It is linked in the index.html file within the <head> tag.
This file contains the JavaScript code that powers the functionality of the To-Do List application. It handles the following:
- Capturing the input when a new task is added.
- Displaying the task in the task list.
- Clone or download the project files.
- Open the
index.htmlfile in your web browser. - Enter a task in the input field and click the "Add Task" button.
- Your task will be added to the list below.
Potential future improvements include:
- Adding functionality to remove tasks.
- Marking tasks as completed.
- Storing tasks locally so they persist even after closing the browser.
This project is open-source and available under the MIT License.