fix(curriculum): remove extra parenthesis from Todo App Step 24 onward (#55529)

Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
This commit is contained in:
Ishaan Gupta
2024-08-08 00:23:05 +05:30
committed by GitHub
parent 192079f6f9
commit 6adb407371
42 changed files with 87 additions and 87 deletions
@@ -323,11 +323,11 @@ taskForm.addEventListener("submit", (e) => {
}
taskData.forEach(({id, title, date, description}) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
--fcc-editable-region--
--fcc-editable-region--
`)
`
}
);
});
@@ -336,13 +336,13 @@ taskForm.addEventListener("submit", (e) => {
}
taskData.forEach(({id, title, date, description}) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
--fcc-editable-region--
--fcc-editable-region--
</div>
`)
`
}
);
});
@@ -323,14 +323,14 @@ taskForm.addEventListener("submit", (e) => {
}
taskData.forEach(({id, title, date, description}) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
--fcc-editable-region--
--fcc-editable-region--
</div>
`)
`
}
);
});
@@ -325,7 +325,7 @@ taskForm.addEventListener("submit", (e) => {
}
taskData.forEach(({id, title, date, description}) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -334,7 +334,7 @@ taskForm.addEventListener("submit", (e) => {
--fcc-editable-region--
</div>
`)
`
}
);
});
@@ -318,7 +318,7 @@ taskForm.addEventListener("submit", (e) => {
}
taskData.forEach(({id, title, date, description}) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -326,7 +326,7 @@ taskForm.addEventListener("submit", (e) => {
<button type="button" class="btn">Edit</button>
<button type="button" class="btn">Delete</button>
</div>
`)
`
}
);
--fcc-editable-region--
@@ -331,7 +331,7 @@ taskForm.addEventListener("submit", (e) => {
}
taskData.forEach(({id, title, date, description}) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -339,7 +339,7 @@ taskForm.addEventListener("submit", (e) => {
<button type="button" class="btn">Edit</button>
<button type="button" class="btn">Delete</button>
</div>
`)
`
}
);
@@ -350,7 +350,7 @@ taskForm.addEventListener("submit", (e) => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -358,7 +358,7 @@ taskForm.addEventListener("submit", (e) => {
<button type="button" class="btn">Edit</button>
<button type="button" class="btn">Delete</button>
</div>
`)
`
}
);
@@ -333,7 +333,7 @@ taskForm.addEventListener("submit", (e) => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -341,7 +341,7 @@ taskForm.addEventListener("submit", (e) => {
<button type="button" class="btn">Edit</button>
<button type="button" class="btn">Delete</button>
</div>
`)
`
}
);
@@ -335,7 +335,7 @@ taskForm.addEventListener("submit", (e) => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -343,7 +343,7 @@ taskForm.addEventListener("submit", (e) => {
<button type="button" class="btn">Edit</button>
<button type="button" class="btn">Delete</button>
</div>
`)
`
}
);
@@ -330,7 +330,7 @@ taskForm.addEventListener("submit", (e) => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -338,7 +338,7 @@ taskForm.addEventListener("submit", (e) => {
<button type="button" class="btn">Edit</button>
<button type="button" class="btn">Delete</button>
</div>
`)
`
}
);
@@ -346,7 +346,7 @@ taskForm.addEventListener("submit", (e) => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -354,7 +354,7 @@ taskForm.addEventListener("submit", (e) => {
<button type="button" class="btn">Edit</button>
<button type="button" class="btn">Delete</button>
</div>
`)
`
}
);
@@ -356,7 +356,7 @@ taskForm.addEventListener("submit", (e) => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -364,7 +364,7 @@ taskForm.addEventListener("submit", (e) => {
<button type="button" class="btn">Edit</button>
<button type="button" class="btn">Delete</button>
</div>
`)
`
}
);
@@ -20,7 +20,7 @@ assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{/)
You should move `taskData.forEach()` and its content into the `updateTaskContainer()` function.
```js
assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{\s*taskData\.forEach\(\s*\(\s*\{\s*id\s*,\s*title\s*,\s*date\s*,\s*description\s*\}\s*\)\s*=>\s*{\s*\(\s*tasksContainer\.innerHTML\s*\+=\s*`\s*<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2>\s*<p><strong>Title:<\/strong>\s*\$\{title\}<\/p>\s*<p><strong>Date:<\/strong>\s*\$\{date\}<\/p>\s*<p><strong>Description:<\/strong>\s*\$\{description\}<\/p>\s*<button\s+type\s*=\s*('|")button\3\s*class\s*=\s*('|")btn\4>Edit<\/button>\s*<button\s+type\s*=\s*('|")button\5\s*class\s*=\s*('|")btn\6>Delete<\/button>\s*<\/div>\s*`\s*\)\s*}\s*\)\s*;?\s*\}\s*;?/)
assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{\s*taskData\.forEach\(\s*\(\s*\{\s*id\s*,\s*title\s*,\s*date\s*,\s*description\s*\}\s*\)\s*=>\s*{\s*tasksContainer\.innerHTML\s*\+=\s*`\s*<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2>\s*<p><strong>Title:<\/strong>\s*\$\{title\}<\/p>\s*<p><strong>Date:<\/strong>\s*\$\{date\}<\/p>\s*<p><strong>Description:<\/strong>\s*\$\{description\}<\/p>\s*<button\s+type\s*=\s*('|")button\3\s*class\s*=\s*('|")btn\4>Edit<\/button>\s*<button\s+type\s*=\s*('|")button\5\s*class\s*=\s*('|")btn\6>Delete<\/button>\s*<\/div>\s*`\s*}\s*\)\s*;?\s*\}\s*;?/)
```
# --seed--
@@ -342,7 +342,7 @@ taskForm.addEventListener("submit", (e) => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -350,7 +350,7 @@ taskForm.addEventListener("submit", (e) => {
<button type="button" class="btn">Edit</button>
<button type="button" class="btn">Delete</button>
</div>
`)
`
}
);
@@ -312,7 +312,7 @@ const addOrUpdateTask = () => {
const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -320,7 +320,7 @@ const updateTaskContainer = () => {
<button type="button" class="btn">Edit</button>
<button type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -305,7 +305,7 @@ const addOrUpdateTask = () => {
const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -313,7 +313,7 @@ const updateTaskContainer = () => {
<button type="button" class="btn">Edit</button>
<button type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -314,7 +314,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -324,7 +324,7 @@ const updateTaskContainer = () => {
<button type="button" class="btn">Delete</button>
--fcc-editable-region--
</div>
`)
`
}
);
};
@@ -319,7 +319,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -327,7 +327,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -311,7 +311,7 @@ const updateTaskContainer = () => {
--fcc-editable-region--
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -319,7 +319,7 @@ const updateTaskContainer = () => {
<button type="button" class="btn">Edit</button>
<button type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -328,7 +328,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -336,7 +336,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -341,7 +341,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -349,7 +349,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -319,7 +319,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -327,7 +327,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -327,7 +327,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -335,7 +335,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -307,7 +307,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -315,7 +315,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -319,7 +319,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -327,7 +327,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -307,7 +307,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -315,7 +315,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -307,7 +307,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -315,7 +315,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -316,7 +316,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -324,7 +324,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -330,7 +330,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -338,7 +338,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -311,7 +311,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -319,7 +319,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -327,7 +327,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -335,7 +335,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -317,7 +317,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -325,7 +325,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -317,7 +317,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -325,7 +325,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -319,7 +319,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -327,7 +327,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -311,7 +311,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -319,7 +319,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -317,7 +317,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -325,7 +325,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -309,7 +309,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -317,7 +317,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -327,7 +327,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -335,7 +335,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -327,7 +327,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -335,7 +335,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -314,7 +314,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -322,7 +322,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -330,7 +330,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -338,7 +338,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -323,7 +323,7 @@ taskForm.addEventListener("submit", (e) => {
}
taskData.forEach(({id, title, date, description}) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -331,7 +331,7 @@ taskForm.addEventListener("submit", (e) => {
--fcc-editable-region--
</div>
`)
`
}
);
});
@@ -314,7 +314,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -322,7 +322,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};
@@ -690,7 +690,7 @@ const updateTaskContainer = () => {
taskData.forEach(
({ id, title, date, description }) => {
(tasksContainer.innerHTML += `
tasksContainer.innerHTML += `
<div class="task" id="${id}">
<p><strong>Title:</strong> ${title}</p>
<p><strong>Date:</strong> ${date}</p>
@@ -698,7 +698,7 @@ const updateTaskContainer = () => {
<button onclick="editTask(this)" type="button" class="btn">Edit</button>
<button onclick="deleteTask(this)" type="button" class="btn">Delete</button>
</div>
`)
`
}
);
};