https://i.sstatic.net/BG3qd.png
In my recent project, I have created a feature where users can input specific values through input fields and have them stored directly in localStorage. These values represent different tasks, such as Task: Work Description: Learn Excel Deadline: 9/11/2019
Currently, I am able to parse and display all these values in a single div. However, my objective is to display each task along with its values in their respective matching div. For example, the task Work with its values should be displayed in a div categorized as "Work".
Despite implementing an if/else statement to address this issue, my limited knowledge of JavaScript is proving to be a challenge in achieving the desired outcome.
I will include the code snippets, images of the code, and examples of the output for better clarity.
Insert modified code here
If I remove the current if/else statement and replace it with a simple
taskOutputEl.appendChild(taskEl);
- the output remains as described before, with all localStorage values appearing in a single div.
HTML code
Insert HTML code snippet here