Функция removeItem() должна вызываться при нажатии на кнопку 'DELETE', но выдается ошибка
Uncaught SyntaxError: Invalid or unexpected token
const input = document.querySelector(".js-input");
const data = document.querySelector(".js-date");
const add = document.querySelector(".js-add");
let display = document.querySelector(".container2");
let todos = JSON.parse(localStorage.getItem("todos")) || [];
displayFn();
add.addEventListener("click", () => {
todos.push({
task: input.value,
date: data.value,
id: crypto.randomUUID(),
});
console.log(todos);
displayFn();
localStorage.setItem("todos", JSON.stringify(todos));
input.value = "";
data.value = "";
});
function displayFn() {
display.innerHTML = todos
.map((todo) => {
return `
<div><input type='checkbox'/> ${todo.task}</div>
<div>${todo.date}</div>
<button onclick='removeItem(${todo.id})' class='remove' >DELETE</button>
`;
})
.join("");
}
function removeItem(id) {
todos = todos.filter((todo) => todo.id !== id);
localStorage.setItem("todos", JSON.stringify(todos));
displayFn();
}
