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

КОМЕНТАРІ • 13

  • @ganeshkrishnaprasad3785
    @ganeshkrishnaprasad3785 Рік тому

    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 :)

  • @Fedko_Zhenja
    @Fedko_Zhenja Рік тому +3

    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.

  • @matekantercocol1378
    @matekantercocol1378 2 роки тому +1

    Hello sir.. please add feature copy all list
    Thanks this awesome

  • @WiLDeveD
    @WiLDeveD 2 роки тому +1

    Well done . Thanks bro...

  • @mathswithmonali..8050
    @mathswithmonali..8050 Рік тому

    where i can get code

  • @dr.briaro
    @dr.briaro 2 роки тому

    Greate, do you have the same with voice? :D

  • @mohammadshahidshaikh3068
    @mohammadshahidshaikh3068 Рік тому

    sir what is puse()

    • @saml7803
      @saml7803 Рік тому

      change puse to push, I stucked this for two hours.