Learn localStorage by Building a Todo App - Step 38

JavaScript
1

Tell us what’s happening:

I copied them exactly and it still does not work, please point me in the right direction

Your code so far

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


/* file: styles.css */


/* 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>
      `
    } 
  );
};
const reset = () => {
  titleInput.value = "";
  dateInput.value = "";
  descriptionInput.value = "";
  taskForm.classList.toggle("hidden");
  currentTask = {};
}

// User Editable Region

Your browser information:

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

Challenge Information:

Learn localStorage by Building a Todo App - Step 38

2

Edited:
Hi there!

The instructions is asking you: Inside the addOrUpdateTask function, call the updateTaskContainer and reset functions.

You didn’t calling both the updateTaskContainer and reset functions within the required function.

Instead you have added a copy of updateTaskContainer and reset function within the required function. Reset the challenge step to restore the original code back and try again as requested.