Build a Todo List App in HTML CSS JavaScript | EASY BEGINNER TUTORIAL

Поделиться
HTML-код
  • Опубликовано: 11 дек 2024

Комментарии • 52

  • @josephryan8899
    @josephryan8899 8 месяцев назад +4

    I just checked the source code line by line in .html and..css and they match line by line perfect. Thanks for your work

  • @NomanAli-zd1bn
    @NomanAli-zd1bn Год назад +5

    Thanks alot thats what we want simple basics and easy to understand ❤

  • @alexgoldendragon3435
    @alexgoldendragon3435 9 месяцев назад

    tysm!!!!! This is so detailed, you deserve more subscribers!

  • @freguenshoodjean5841
    @freguenshoodjean5841 6 месяцев назад +3

    Thank you a lot , although the displayTask function is really challenging. .

  • @rupeshthakur3754
    @rupeshthakur3754 3 месяца назад +1

    nice explanation. Love from Nepal

  • @tooma-g6891
    @tooma-g6891 3 месяца назад +1

    Thanks you have taught everything in detail , I have understood everything😄

  • @anjaneyulub2529
    @anjaneyulub2529 Год назад

    I love your teaching I am excited to learn more from u Thank you : )

  • @themilesroarkexperiment1662
    @themilesroarkexperiment1662 2 месяца назад

    Great vid. Appreciate you.

  • @angiek1925
    @angiek1925 Год назад +1

    Question how would u go about making categories for your list n move items between those to do categories

    • @howtobecomeadeveloper
      @howtobecomeadeveloper  Год назад +1

      Good question! I would nest the existing data storing of the tasks into seperate structures which you could name. So for example if the tasks are stored like this:
      Todos = {
      Task 1: value 1,
      Task 2: value 2,
      }
      Turn it into:
      Todos = {
      Category 1: {
      Task 1: value 1,
      Task 2: value 2,
      },
      Category 2: {
      Task 1: value 1,
      Task 2: value 2,
      },
      }
      I wrote this quick on my phone so sorry for syntax mistakes but I think you get the point 😜

  • @hemanthchowdary7150
    @hemanthchowdary7150 Год назад +1

    Awesome 🤩 thanks ❤

  • @josephryan8899
    @josephryan8899 8 месяцев назад

    It's strange but the project opens better in Firefox but still no pointer cursor over input areas. Thanks

  • @nr7343
    @nr7343 3 месяца назад

    look nice,
    why you are set todoList.innerHTML = "" every operation list add and update you delete all and print agian...

  • @DarshTiwadi-tl2ih
    @DarshTiwadi-tl2ih 2 месяца назад

    Very Good🥰

  • @Princessdiarytales
    @Princessdiarytales 11 месяцев назад

    Hey I am following every step but my output is not changing, I am typing every thing the same but my website doesn’t not even show the color or the font change. I need help please .

  • @function30
    @function30 Год назад

    I love your teaching make video on make anything responsive, responsiveness tricks

  • @Sattivlogs-fp2ch
    @Sattivlogs-fp2ch 4 месяца назад

    Thanks you sooo much

  • @ChristianChinakueze-do2bd
    @ChristianChinakueze-do2bd 4 месяца назад

    I love your video

  • @josephryan8899
    @josephryan8899 8 месяцев назад

    Hello awesome tutorials but I'm having an issue with the scrollbar and webkit stylings their not making any changes the scrollbar still is visible. Thanks

    • @DrixBors
      @DrixBors 7 месяцев назад

      try this
      .scroll::-webkit-scrollbar {
      width: 0.06rem;
      scrollbar-width: thin;
      }

  • @hyojinkim6870
    @hyojinkim6870 10 месяцев назад

    HIII! thank you so much for the video. I have a quick question .. when i tried to make a Edit function, i declared "const firstText = todo[index].text;" and my console says "Cannot read properties of undefined (reading 'text') " like this. what should i do???!!! help me plzzz

  • @howtobecomeadeveloper
    @howtobecomeadeveloper  Год назад +1

    Build your next awesome project:
    www.tubebuddy.com/quicknav/latest/UCkXqOdpo5ul8BosGBFlDgmw

    • @thilaksalivahanan2342
      @thilaksalivahanan2342 Год назад +2

      Beginner javascript website creation please.
      Thanks for your efforts

    • @howtobecomeadeveloper
      @howtobecomeadeveloper  Год назад +1

      Awesome, thank you for your feedback!

    • @Rshubham1819
      @Rshubham1819 Год назад +1

      I think you should start concept wise project of javascript.

    • @howtobecomeadeveloper
      @howtobecomeadeveloper  Год назад

      @@Rshubham1819 Interesting, could you explain a bit more? 😊

    • @Rshubham1819
      @Rshubham1819 Год назад

      @@howtobecomeadeveloper yes, sure it's a great pleasure for me. You should make a proper playlist for javascript concept wise projects and explain it in depth, like- for method string you can make mini projects, or how strings and its method is used in real world. And many more topics

  • @zinakemoum7930
    @zinakemoum7930 7 месяцев назад +1

    hello, it is interesting what you teach, i follow you very well

  • @raaajj_aryan
    @raaajj_aryan 7 месяцев назад

    very helpful. not like most of the others

  • @seputarrahasia7655
    @seputarrahasia7655 11 месяцев назад

    awesome

  • @ryomensukuna9513
    @ryomensukuna9513 Год назад +1

    😍

  • @aissame112
    @aissame112 Год назад

    ❤❤

  • @EliiiXD
    @EliiiXD 9 месяцев назад +1

    why do i feel like writing css is way harder than building basic backend side

    • @howtobecomeadeveloper
      @howtobecomeadeveloper  8 месяцев назад

      I see your point! They can be hard in different ways for sure.

    • @EliiiXD
      @EliiiXD 8 месяцев назад

      @@howtobecomeadeveloper is it means that i am specialized for backend side maybe haha

  • @victoriaemeh8336
    @victoriaemeh8336 23 дня назад

    How can you call this a beginner tutorial

  • @function30
    @function30 Год назад

    Anything but plz make responsive