Skip to content
Submitted over 2 years ago

Responsive ToDo List with SASS - JS

Manon cabret•180
@GirafOnTrip
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Todo app
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

Hey !

First project with a lot of JS !

I've one problem :

  • "Clear completed" button doesn't working well. it delete 1 task, sometimes two .. not all.

Feel free to comment !

Community feedback

  • Travolgi 🍕•31,400
    @denieldenPosted over 2 years ago

    Hey Manon, congratulations on completing the challenge! You did a great job 😉

    Let me give you some little tips for optimizing your code:

    • you must select all todos with completed class and remove all with cicle
    • after add a task clear the input
    • i can add task also with blanks, add a control... The trim() method can help you -> read here
    • add transition on the switch of dark/light mode

    Hope this help! Happy coding 😁

    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord