Learn localStorage by Building a Todo App - Step 37

JavaScript
1

Tell us what’s happening:

You should move taskData.forEach() and its content into the updateTaskContainer() function.

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/131.0.0.0 Safari/537.36

Challenge Information:

Learn localStorage by Building a Todo App - Step 37

2

You have taskContainer.innerHTML twice and you need to remove the backticks. Also remove the semi-colons as well.

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.