How to Make Todo List using Javascript | Javascript Beginner Project Tutorial - Codingscape
📌 Source Code: https://codingscape.info/how-to-make-...
How to Make Todo List easily using Vanilla Javascript. This tutorial will guide you on how JavaScript Local storage functionality works and how you can easily make a todo app to use in your daily routine.
This is a mini school/college project that you can try while you are learning Javascript or a Web development.
🏷️ To Host Your Website Easily ➤ https://www.hostg.xyz/SHA8I [Save 80%]
Please give a Like and Subscribe this channel for getting such awesome few minute content.
If you have any query regarding this tutorial, please leave a comment. I'll be happy to answer them 😊.
---------------------------------------------------------------------------
📚 Resources:
▶️ Bootstrap icon: https://icons.getbootstrap.com/
▶️ Google Fonts: https://fonts.google.com/
----------------------------------------------------------------------------
🏷️ Recommended Tutorial:
▶️ Javascript Dice Roll Game 🎲 with CSS and HTML:
• Dice Roll Game | Javascript Dice Roll...
▶️ Show and Hide Password using Javascript 💡:
https://www.youtube.com/watch?v=1BWlD...
▶️ Light Dark Theme Toggle Button 💡 with CSS and JavaScript:
https://www.youtube.com/watch?v=WVuZM...
▶️ How to Create Navigation Menu Bar using HTML, CSS & Javascript 🔥:
https://www.youtube.com/watch?v=NuEdd...
-----------------------------------------------------------------------------
⏰ Timestamp:
0:00 Todo Application Preview
0:46 Project Setup
1:10 HTML Layout Design
3:43 Setup Google Fonts
4:30 CSS Implementation
10:03 JavaScript for Todo Application
11:17 Click Event Listener [JavaScript]
11:59 Todo List adding item with JS
16:52 CSS for Todo List items
18:39 Toggle between completed and not-completed task with JS
21:39 Deleting individual task in todo list with JS
25:18 Save Todo list data using Local Storage function in JavaScript
27:26 Retrieve Saved todo list item from local storage with JavaScript function
29:24 Delete todo items from local storage using JavaScript function
31:46 Final Project Todo Application using JavaScript
-------------------------------------------------------------------------
🏷️ Tools used:
▶️ Editor: VS Code
▶️ Language: HTML, CSS, Javascript
-----------------------------------------------------------------------------
🎵 Music used:
▶️ Song: Erik Lund - Summertime (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
Video Link: • Video
▶️ Song: Ikson - Anywhere (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
Video Link: • Ikson - Anywhere (Vlog No Copyright M...