DEV Community

Cover image for Create Todo List App in HTML, CSS, and Javascript
Ashutosh Tiwari
Ashutosh Tiwari

Posted on • Originally published at incoderweb.blogspot.com

Create Todo List App in HTML, CSS, and Javascript

Hello friends, today in this blog you will learn how to create a to-do list app in HTML, CSS, and Javascript. In our previous blog, we saw how to create text to speech converter in HTML, CSS, and Javascript. Earlier I shared many projects related to HTML, CSS, and Javascript. You can check here. Now it's time to create a to-do list app. If you are interested then you can check my other javascript projects after reading this blog. My Javascript blogs.

As you may know, a to-do list is a list of tasks you need to complete or things you want to do, and in this design [Todo List App], there is a content box with a button at the top corner of the content box. when you click on the add button, a modal dialog will be opened. In the modal box, there is a textarea and submit a button, and when you click on the submit button the modal closes, and the task will be added.

You may like these:

There is a menu icon in the list, when you click on the icon then a menu will be opened with two options edit or delete, and when you click on the edit option again a modal will open and you can edit the to-do task. If you are unable to understand what am I trying to say, you can check the source code.

You can get source code here.

Discussion (0)