Learn localStorage by Building a Todo App - Step 37

JavaScript
1

Tell us what’s happening:

I don’t know why my code is not working. Please assist me as I have tried various ways to fix it and it still doesn’t work.

Your code so far

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


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

const updateTaskContainer = () => {
    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/127.0.0.0 Safari/537.36

Challenge Information:

Learn localStorage by Building a Todo App - Step 37

2

I compared the code you have here for taskData.forEach() with the actual code and I noted some differences. I’d suggest you reset the lesson and only copy the correct code.

The default code

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>
      `
    }
  );
3

Thank you, sir. I had the same problem, and I followed your suggestion on that question, and it worked.