Todo List Using HTML & CSS & JavaScript

JavaScript Tutorials | Coding a Todo List in HTML & CSS & JavaScript (Using ES6)

In this video, I will show how to code a Todo List using HTML & CSS & JavaScript, where we will have a edit and remove button in every item of todo list. We will use some of JavaScript ES6 features like : classes, arrow functions .....

Don't forget to Subscribe on the channel!

Enjoy!

;)

[TrueCoder]

Make sure to SUBSCRIBE for more tutorials like this one !!!

[maxim]

it is important to understand in general terms how everything works

[hundred.billion]

most tutorials with music drive me nuts, so I just mute it. I love EDM, so thanks for putting in music from a genre I love! Also great tutorial

[botirnematilloyev]

Very GOOD. I think You the best of the best ! ! !

[barry-yo]

thank you sir, 1. your tutorials very simply, 2. using ES6 .. so wonderful .

[kashifjaturie]

thanks for such a great tutorial. You really helps me a lot.

[cyrilkariyawasam]

Thanks. Very helpful. Java Script part is very interesting and code are working without any error.

[johnfromtennessee]

Awesome video, would appreciate more if you would start to talk through your code in the future or add comments in advance that somewhat explain certain things, just an extra to help newbies. Great content, subbed!

[Himanshu_Sharma..]

Massive respect for you brother for sharing this however I request you to write simpler code next time because In this code there are so many things included which are tough to understand like unnecessary use of arrow functions on add event listener you could've used a normal function also the extra div that you made in the container class it was of no use also you could've used the prototype function directly instead of calling it with the constructor function all these things made code difficult to understand at once


However I learned a lot from this so thank you very much

[FlaviaSierro]

Oh man, what amazing tutorial. Could you please make an part 2. Using api and database or just BD, pls ?

[muhammadazam]

I like your way to get click from users on the subscribe link in the description "Don't Click This" and your videos are awesome!!

[you_gotit_bud]

Please talk through your code if you can. The work you did is helpful, but somewhat negated by the EDM music in the background.

[ltforme]

Great video :) I hope u make more videos like this :D

[youssefkassem]

DUDEEEE I WAS LITERALLY WATCHING THIS AS A PROCRASTINATION FROM CODE THEN I FOUND THE TITLE TELLING ME YOUSSEF CODE MY NAME IS YOUSSEF!!🤣🤣🤣🤣

[TheWandererDoc]

if anyone got an error for addButton code


function check(){
if(inputValue.value != ""){
new item(inputValue.value);
inputValue.value = "";
}
}

[Wind_Lamp]

People watch such tutorial videos to gain knowledge and hope the person who uploaded video explain too, so they can learn too, but people like you..more care about playing music in educational videos than explain code .

[cagricibuk]

if you will real use this app you need the save your to do text values must be saving in your local data

[kvncnls]

What does this part do?
window.addEventListener("keydown", (e) => {
if (e.which == 13) {
check();
}
});

[KiloLima]

Okay. Great music, but this video could use some kind of voice over explaining the whole process.

[bhaskarraju]

How to give priority of saved tasks?? Priority like low medium high? Anybody knows