To Do List With Javascript | Step by Step Javascript Project

Create a to do list app with javascript with 5 easy steps. This project is created with vanilla javascript and best for javascript intermediates. Source code available for download for free.

Download Source Code:

----------

00:00 Intro
00:05 Preview of the project
01:00 HTML & CSS
10:57 Step 1: Validate input field
12:19 Step 2: Add a new task
18:15 Step 3: Deleting a task
20:02 Step 4: Crossing out a completed task
22:25 Step 5: Clearing input field after each entry

----------

❤️Get in touch:

----------

🎵Music:

Track: Floral Nights — Artificial.Music [Audio Library Release]
Music provided by Audio Library Plus

Intro Music:
Track: JPB - High [NCS Release]
Music provided by NoCopyrightSounds.

[CodingArtist]

Timestamps:
00:00 Intro
00:05 Preview of the project
01:00 HTML & CSS
10:57 Step 1: Validate input field
12:19 Step 2: Add a new task
18:15 Step 3: Deleting a task
20:02 Step 4: Crossing out a completed task
22:25 Step 5: Clearing input field after each entry

[prasadmutnale]

one small request from my side is would please explain code while writing because we get to know what this tag does and so so please try to explain the code

[farukislamfarabi]

I am coming to learn or practice to this project just because of the sound. I really love to hear it. this is so amazing that touches my heart. I am really a fan of it now. I hope I'll be happy to practice those projects too.

[nahuelgenchi]

What a great project. Thank you so much for this, this is helping me a lot to understand JS.

[SachinGupta-dhcf]

Why I cannot perform JavaScript calculation in innerHTML.... Please tell

[adrianmontilla]

Thanks You thanks You this video helped me too much you're amazing and

[tiksong]

Thank you so much for your source code.

[shrutikajadhav]

Amazing information just like other videos 👌👌👌👌

[august]

please help, i use delete text instead of trash can icon and when i onclick the text, it also line-through the delete button.
how can i fixed that?

[prabhupreetam]

Bro while writing a task then i hit 'Add' button that task can't show below hv write same to same code as your. give solution

[Bakkagamer]

How can i use db.json in this. To update everything in db.json file as i remove or add things.

[rhaysonalmeida]

Thank you for share this project! I learned a lot.

[silasrodrigues]

How do I save in localStorage with this structure?

[lintios_lin]

How do stop container from increasing upwards so that it only increases downwards?

[tahzib]

everything is okay except i cant make the line through come when i click the task

[supremecoding]

Cool very beautiful colors and styles 👍

[cathylee]

I visited your website. Absolutely love it!

[HimanshuSingh-bzgd]

I can't find source code in your web site

[dineshraja]

sir i cant able to use javascript why i dont no

[millieandcupcake]

my trash icon is showing a dot ...its not showing the icon ??