Looking to hire developers?
The site is fully functional and responsive in both desktop and mobile. Some classes names and functions could be changed and explanations of why and how should be added. I am aware I have repetead some properties and function and the syntax could be shortened by grouping them.
The to-do-list works as requested by the challenge; however, everytime the page refreshes or the browser is closed, all the information gets deleted. For that I would like to ask how could I set the information from the user to be stored in either local or session storage, so it could be used later on by the user.
I haven´t find a way to perform that, and would definetely use some help.
Thank you!
@ng5jr
Posted
Thank you for your reply.
The method I used to replicate the "add to-do action" is to hide a "li" with all properties, elements such as the circle and cross and classes, and during the "enter key" on the input text, clonating the element to the end of "ul". Is it possible to store an "li" with elements and classes in localstorage as string? If possible how should I stringify an element such as that?
Thank you again for the help!
@adram3l3ch
Posted
You can store the todos as an object.and save that object in local storage.
To get from LS localstorage.getItem(name)
To set LS localstorage.setItem(name,value)
Nb: Local storage can only store strings so you have to stringify the object before setting and parse it before getting.
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
