Eu to com problemas em um código, to tentando fazer uma to do list, implementei a função que deleta e tá até ok, mas não consigo implementar a função que risca o nome, vou colar aqui pra vê se vc pode me ajudar
const Card = (card) => {
const task = `
<div class="box__main__card">
<div class="box__main__card__info">
<input type="checkbox" name="done" class="done" />
<p class="content">${card.content}</p>
</div>
<div class="box__main__card__icon">
<i class="material-icons" id="edit">edit</i>
<i class="material-icons" id="close">close</i>
</div>
</div>
`;
return task;
};
const addTask = document.querySelector(".btnAdd");
const inputTask = document.querySelector("[taskInput]");
const taskBox = document.querySelector("[task-box]");
const newTask = () => {
const taskArr = JSON.parse(localStorage.getItem("tasks")) || [];
let inputValue = inputTask.value;
const finis
insira seu código aqui
hed = false;
let card = {
content: inputValue,
finished,
};
const taskUpdate = [...taskArr, card];
const task = Card(card);
saveLocalStorage("tasks", taskUpdate);
inputValue = "";
return task;
};
addTask.addEventListener("click", () => {
let card = newTask();
taskBox.innerHTML += card;
inputTask.value = "";
taskFinished();
deleteTask();
});
const saveLocalStorage = (key, object) => {
localStorage.setItem(key, JSON.stringify(object));
};
export default newTask;
const taskFinished = () => {
const checkBox = document.querySelectorAll(".done");
checkBox.forEach((check, id) => {
check.addEventListener("change", () => {
const tasksArr = JSON.parse(localStorage.getItem("tasks"));
const pContent = document.querySelector(".content");
tasksArr[id].finished = !tasksArr[id].finished;
if (tasksArr[id].finished == true) {
pContent.classList.add("checked");
} else {
pContent.classList.remove("checked");
}
});
});
};
Não sei se vai ficar confuso :/