Learn localStorage by Building a Todo App - Step 37

JavaScript
1

Tell us what’s happening:

Step 37
I was advised that my code should move the taskData.forEach() loop and its content into the updateTaskContainer() function. Can someone please review the code and let me know if it’s correct or if further adjustments are needed?

Your code so far

<!-- file: index.html -->


/* file: script.js */
// User Editable Region

const updateTaskContainer = () => {
  tasksContainer.innerHTML = ''; 
  taskData.forEach(({ id, title, date, description }) => {
    tasksContainer.innerHTML += `
      <div class="task" id="${id}">
        <p><strong>Title:</strong> ${title}</p>
        <p><strong>Date:</strong> ${date}</p>
        <p><strong>Description:</strong> ${description}</p>
        <button type="button" class="btn">Edit</button>
        <button type="button" class="btn">Delete</button>
      </div>
    `;
  });
};

// User Editable Region

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36

Challenge Information:

Learn localStorage by Building a Todo App - Step 37

2

This seems extraneous?

3

Hi hbar, thank you for your input, do you have any hints?

4

reset the code and just move the the forEach code.
The forEach code was this code:

5

Hello, could you possibly provide another hint to help me move forward?

6

Hi @Dionisis !

You need to cut the above code block form the challenge editor and paste it in required function asking in the instructions.