How To Create To-Do List App Using HTML CSS And JavaScript | Task App In JavaScript
Vložit
- čas přidán 19. 03. 2023
- Learn How To Create TO DO List App Using HTML CSS And JavaScript | Task App In JavaScript Step By Step Tutorial For Beginners
#JavaScript #JavaScriptProjects
👉 Download 30 JavaScript projects Source Code (Including To-Do List App):
greatstack.dev/go/30-js-projects
❤️ SUBSCRIBE: goo.gl/tTFmPb
In this video you will learn to make a To-Do List App or Website with HTML, CSS and JavaScript.
In this To Do list we can add our task list and mark that task as completed or incomplete. We can write the new task in the input box and click on the "Add" button then the new task will be added to the list.
We can click on the task name to mark it as completed or incomplete task. We will add a close icon to delete the particular task from the ToDo list.
In this JavaScript Project we are using Local Storage that will store the task list or To Do list in your web browser, So that if you close and restart the browser then also it will display your saved To-Do List
Download Images: greatstack.dev/assets/to-do-a...
More JavaScript Projects: greatstack.dev/
JavaScript to-do list, JavaScript To-Do List, JavaScript Task App, ToDo List using JavaScript, Task manger using JavaScript, JavaScript projects for beginners, JavaScript projects for students, JavaScript tutorial, JavaScript project for college students, college project in javascript, To-Do List App
-----------------------------------------
Suggested Course:
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialspro.com/go/course/
-------------------------------------
Recommended Videos:
Learn Complete HTML and CSS from basics:
► • HTML And CSS Tutorial ...
Make A Complete Website for college using HTML & CSS:
► • How To Make A College ...
How to make a Business website step by step:
► • How To Make Website Us...
How to make personal resume website step by step:
► • How To Make A Website ...
How to make fitness website design using HTML CSS:
► • How To Make A Website ...
How to make an Ecommerce Website Design:
► • How To Make eCommerce ...
How to make a Job Portal website design with HTML & CSS:
► • How To Make Website Us...
How to make travel website design with HTML CSS Bootstrap:
► • How To Make A Website ...
-------------------------------------
Affordable web hosting (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/hosting/
My recommended tools and tutorials
👉 easytutorialspro.com/
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
-------------------------------------
Connect with me:
👉 linktr.ee/iamavinashkr
Sir you are the only reason i am not quitting coding . You make every project very easy . Please make some unique projects in the same way ❤
Sure. I will try my best. Thank You. 😊
I wasn't able to save can you help me with this
WOW. This video achieved the same thing with way more simplicity than other tutorials. which is helpful for beginners.
the worst part in javascript is when you make a small mistake and the whole code doesn't work lol
bro I missed a comma🤣
xD@@coding688
@@coding688 you don't need a comma
bro css is even worst here atleast we can console log and in console error will show ,what part is running in css code me bug dhundo beth ke
But now you can use chat gpt to find errors
WOW. Thank you for such an easy-to-understand tutorial. I didn't know with such simple (not saying that it's easy) Javascript, you can create a to-do list!!
Thank you so much for this tutorial! It was so clear and well explained.
bro i go through so many videos relevant to project but they won't explain the code simply the code was going but among them you'r the one only man explain the code with proper manner
Thank you easy tutorials. You're doing a great job by explaining it step by step
I usually don’t comment, but videos like yours impress me. Very good job! Thank you for sharing your wisdom with us!!
I love you
@@yousefkhaled5758 I love you too 😘
LMAO, any time someone says "I usually don't comment", they are lying. It doesn't help your credibility or make your point any more valid by saying something like that.
THANK YOU! I will be adding my own features and functions to this basic to do list!
thank you so much for providing such a simple and valuable video. These tutorials are absolutely amazing not just for building projects but for actually understanding what you are doing. thank you a lot, bro
Tqsm sir, u have given all the detailed explanation of the complete process of ToDo list.I have created an awsome list tqsm
Before watching this video i thought its hard to learn css html ans js together but after watching this i realise its very easy
Thanks and we needs more html css JavaScript projects like this greats
great content and you explain every line so nicely
Thanks a lot for the wonderful video! Just completed the app. For beginners, little more explanation to each and every step would be more helpful.
Thank you for sharing this informative content. I am new to javascript and this helped me to understand the concepts on DOM and event handling.
Shoe de bola meu amigo.. Muito Obrigado pela contribuição. aprendi muito com vc.
The easiest one to follow that worked 100% from the start to the end....Amazing tutorial :)
U helped me alot with javascript today . Hope u come up with this type of Projects more and help me
Excellent tutorial. Thanks very much, greetings from Brasil
Your videos are very instructive. I have been learning a lot, thank you so much! 2 projects down, 28 to go!
Very nice and clear explanation with simple and clean code.. very helpful for beginners Thank you so much for such a wonderful tutorial..
I really enjoyed learning this project. It was easy to follow along with.
This is my 1st project of JavaScript..And this an awesome Experience....Thank You....
honestly this is the best explaination one could give. dude emm literally proud of you. keep it up!!
Thanks for sharing this! I've been looking for a new way to manage my tasks.
Nice tutorial simple and straightforward 😊
please don't stop liking all his videos. you are an amazing teacher. Love from the United Kingdom.
Glad you liked it. Thanks for supporting our channel. 😊
thank you, very easy to understand. more projects please.
very rare to see such explanation sir , thank you
Glad to hear that. Thanks for your comment. 😊
Sir, very awesome project. Also the explanations helped me a lot because I could revise and learn a lot of JS methods through this single project. Thanks for providing quality content for free!!!
hey bro can u send the code for this, if u did it and uploaded to github
Thank you very much I am currently learning function in js after I complete the course, I will use this as my project thank you 🎉🎉🎉❤
Thanks so much you video just helped me on my project. GOD BLESS
Thank you so much! This tutorial is fantasic!
Thank You 🕺🕺for explaining and sharing this wonderful project
Wow, loved it, so simply explained!
I like it that you are doing more JavaScript projects. But,It would be super great if you do JavaScript basic to advanced tutorial first and then these projects.
@@CrazyAshu34 suggest some 🙂
@@vishalplayzz2580only Dom manipulation is 🥷 Worthy 🦆
There are like thousands of videos like that on CZcams.
great help for the absolute beginners.
very simply explained.
You made it very easy! Thanks man!
Thank you for this video, very easy to understand and follow
Easy to follow as always, thank you Easy Tutorials!
This kind of work is much appreciated sir.
Wow amazing. Thank u so much. No words for u ❤❤❤
All I can say is thank you..
Seeing real life applications of basic concepts with ease is amazing.. ❤
Glad you liked it!
Thank you very much sir , it was a very easy to follow vedio . Please keep making more such vedios.
Thank you so much! Your explanation is simple to understand!
Glad to hear that!
Thank you very much , i can learn Java script to create Todo list online easily
sir you have found a new loyal subscriber today. loved it sir........make more content like this
Amazing video, my friend! I'm definitely liking and sharing! Thank you so much for sharing with us.
Loved it, very simple To-do App. Thanks a lot.
I like that you are doing more JavaScript project now thanks a love, please can you do a project on crud or laravel 🙏🙏🙏🙏🙏
dude this is awesome, you make it seem like childs play. This was my first ever experience and it was super fun an informative. Cant wait to go through your other projects / videos !
Helped me a lot. Thank you!
thank you so much for explaining every single line of code
It's an amazing tutorial. I just built my very first project To-Do-List App. Thank you so much for the tutorial.😁
This is amazing, developing along with you is incredible ! thanks a lot brother ;-)
Really commendable sir 😊.
I found many errors in my way of doing this project ,then also I really wanted to created it . Then solved those errors and finally completed the project ✅🥳.
Thank you so much for your effort
You are doing a great job by explaining it step by step
"Excellent tutorial! Clear instructions for creating a functional to-do list app with HTML, CSS, and JavaScript."
Thankyou for this amazing project 🤩
Awesome Sir, you helped me a lot. Thanks ❤
Hey Thank you so much, I learned a lot from this exercise
Thank you for this video. This was really helpful.
even though the project seems to be and actually is very easy there are many extremly useful solution included, Thank You
step by step very simple to understand for to do list project.
Such a wonderful tutorial 👏🏾👏🏾 Thank you
this video is pretty amazing ! Thank you my friend !
Thank you so much sir. Very informative.
Thankyou, you are explaining very well
Thanku so much sir , i learn a lot from u and i also added some extra feature to it
Thank you so much for this tutorial!
Thanks man!, really appreciate it.
No sabes lo agradecido que estoy :) full arrecho quedo
So nice and soo simple, Thank you soo much 🎉🎉🎉
Beautifully Explained brother.
Very helpful. Thanks!
Wow,I really gained more knowledge from thus video. You are the best tutor in java scripts..you explained it as simple as Abc💀
Following your tutorials is the next level of learning coding. I am following your tutorials while doing my freecodecamp lessons :)
Thank you so much for this amazing tutorial. First I have tried to make it myself, but I have got stuck on the localstorage. But you explained this so easy.
Thanks ❤ , and you should also write the js code, after enter some text in input field and press enter key on keyboard then the text add automatically
Love your videos, very clear and easy to follow along. Do you make any videos that shows the design process that comes before starting to write the html, css and javascript? What design tool do you use/suggest?
everyone uses figma for designs
Figma
It helped a lot.Thank you soo much.
very helpful video, thanks GreatStack🤗
so easy your teaching method is very nyc
thank you so much, with this great tutorial.
Bro your doing great, thanks for helping us😊😊
Amazing!! Thank You Sir!
Your teaching style is great sir .
Please also create videos on React or Mern project
It has been awesome guide! Appreciate you
sir its very helpful by watching your video and coding will give me a more experience
Very good video and project, thanks!
After watching your make a e commercial website
THANK You 💓💓
Thank you so much for the project it was really great project to do
Such elegant way. My home cooked javascript was so long and ugly and still had so many bugs when trying on my own. This is such a great way to do it. Thanks
Thanks anupam, glad you liked it
Very well explained bro, just now subscribed you ✅
Thank you so much sir. its help me a lot.
It's amazing! Thank u so much!
Thank you for the video!
Great content, subscribed and like all videos of yours I watch. Thanks for your effort making this content it is really helpful.
Awesome, thank you!
Great video.. really easy to understand.