Im trying to do a sort of tasklist, where you add all the tasks you might do ever, and everyday you input those which you did, and then you can see a tracking of your week and month. Not only that but doing tasks gives you XP. I never used localstorage and im new to JS. How should i save all this changes?
I understood the basics of localstorage with some youtube videos, but they all explain saving an object, how can i save dom elements? and most importantly DOM elements that have multiple childs, like this one for example:
<li> <p class="taskAdded bodyText"> •Went to the Gym</p> <input class="amountTimes bodyText" type="number" min="1" value="1"> <span class="taskXP favouriteColor">+10xp</span> </li>
Using this img for reference, every time you add a task on the right it creates a new li, using the tasks you created on the right you can input them on "today" section and by hitting "confirm tasks" you send them to the weekly tracking and update your XP and lvl, all these things get deleted when i reload the page, what's the correct way of solving this??
