Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Todo app

Goksel 210

@gokseloz

Desktop design screenshot for the Todo app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi there! This was my first challenge. I am open to any constructive feedback, especially for how to create local storage Thanks in advance.

Community feedback

@yadprab

Posted

Hey UI looks perfect great job. First thing don't use var let and const are supported by all major browsers

And for input key down is a bit overkill use form and listen to the submit event it's easy to handle

For localstorage create an object then create an empty array check if localstorage.getItem('todo')===null Now push the user input object to array Set it localstorage.setItem(' todo','JSON.stringify(obj)) Else Get the data from Ls JSON.parse( localstorage.getItem('todo')) Update this array by pushing the next input

0

Goksel 210

@gokseloz

Posted

Hi yadprab, Thanks a lot for the feedback. I will take them into account for my next challenges. Besides, I will try to add local storage by following your instructions and checking your todo-app challenge.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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