JavaScript Todo List | Todo List using HTML CSS & JavaScript | Todo List in JavaScript
Вставка
- Опубліковано 11 жов 2024
- JavaScript Todo List | Todo List with Local Storage using JavaScript
In this article, you will learn how to create Todo List using JavaScript. Todo List JavaScript is a wonderful project that will help beginners to increase their knowledge about JavaScript.
⏬⏬⏬⏬ Live Demo & Download Source Code: www.foolishdev...
_______________________________________________
♥ ♥ ♥ ♥ ♥ subscribe to Mystery Code ♥ ♥ ♥ ♥ ♥
► / @mysterycode
Visit our Blog for Step by Step Tutorial:-
► www.foolishdev...
____________________________________________________
▼ Our More Video:
Circular Progress Bar:
► • Circular Progress Bar ...
Personal Portfolio Website :
► cutt.ly/pvklUl1
Text Typing Animation Effect :
► • Text Typing Animation ...
Sidebar Menu :
► • Responsive Sidebar Men...
Responsive Team Section:
► • Responsive Team Sectio...
Glass Morphism Profile Card:
► • Glass Morphism Profile...
_________________________________________
todo list using javascript
todo list
todo list javascript
todo list using html css javascript
todo list in javascript
how to make todo list in html
todo list with delete feature in javascript
todo list with local storage using javascript
how to create todo list using html css javascript
javascript todo app
todo list app in javascript
todo app in javascript
Create todo list using javascript
todo list html css javascript
javascript todo list app
todo list js
_________________________________________
#JavaScriptTodoList
#TodoList
#MysteryCode
At rendertodo function it is not li.class.add('checked') it is li.classList.add('checked') that's how we add a class to an element in javascript rest of the tutorial is great thanks bro :)
In the 'deleteToDo' function, you are calling the 'addToLocalStorage' function, without the 'todo' argument, so deleting the item doesn't work. Also, when you add 'addEventListener' to the 'todoItemsList' element in the ' if(event.target.classList.container('delete-button'))' condition, an error occurs in the console, because 'contains' should be written instead of 'container'. And the last thing: in the 'renderTodos' function, so that the text is displayed on the page, I did this - '
${item.name}
X'. In the 'todo-item-style' class in css, set the property 'color: black' - and the text will be displayed normally.
These are all the problems that I encountered that caused my 'ToDo' to not work. Hope this helps someone.
Hello sir.. please add feature copy all list
Thanks this awesome
Thank you 🥰
Need feature copy all list sirr
Well done . Thanks bro...
Welcome 🤗
where i can get code
Greate, do you have the same with voice? :D
Sorry bro 😟
But I wrote a article at foolishdeveloper.com
sir what is puse()
change puse to push, I stucked this for two hours.