Create To Do List App in JavaScript, HTML, and CSS



DOWNLOAD: To Do List App WITH JAVASCRIPT - SOURCE CODE





Watch the tutorial



What we're going to create :
the to-do list we're going to create has a beautiful UI, the user can add a to-do by filling the input and hit ENTER, after that he can rather check the to-do when it's done, or remove it using the delete button.

The user's to-do list is stored in the local storage, so when he refreshes the page, he can always find the list there.

There is the possibility for the user, to clear the list, by clicking the button clear, at the top right corner of our app.

Comments

  1. Please, does this "to-do list " works after computer restart?

    ReplyDelete
  2. Hi, I downloaded the code from gitHub but the app.js file is for the multiple choice quiz and not the toDO list. Can you update this please?

    ReplyDelete
  3. You should also make videos on, basics of javascript....if there already ..please tell me.
    you are a great teacher...✌

    ReplyDelete
  4. Thanks !
    Yeah there are some JavaScript Basics tutorials on my channel on YouTube.

    ReplyDelete
  5. Hey. I had a problem. when I made my `To Do List` button thing which shall be down. it comes in a small box not like urs. i double checked my code and its exactly like yours. any help?

    ReplyDelete
  6. I had a problem .during when i click on the button content not display. plz solve

    ReplyDelete
  7. is it possible to create an edit button and function for this? thanks a lot!

    ReplyDelete
  8. sksks i dont know how hahaha i have tried but only errors appear

    ReplyDelete
  9. Hey I downloaded the file but the JavaScript file is empty. Can you please show the JavaScript code also

    ReplyDelete
    Replies
    1. There is a ZIP/RAR file that contains the final project code.

      Delete
  10. hello sir !
    Sir, the event.keyCode is not working as it is now deprecated from new DOM , so what can i use in place of it as an alternativ.

    ReplyDelete
    Replies
    1. Hi Shubham,

      event.keyCode is deprecated use event.key instead.
      so instead of using event.keyCode === 13 use event.key === "Enter"

      Delete
You're welcome to share your ideas with us in comments.

Archive

Contact Form

Send