Já olhei todo o código da aula e não consegui resolver o problema!!
Criar Tarefa
import { carregaTarefa } from "./carregaTarefa.js";
import BotaoConclui from "./concluirTarefa.js";
import BotaoDeleta from "./deletarTarefa.js";
export const handleNovoItem = (evento)=> {
evento.preventDefault();
const tarefas = JSON.parse(localStorage.getItem('tarefas'))|| []
const input = document.querySelector("[data-form-input]");
const valor = input.value;
const calendario = document.querySelector("[data-form-date]");
const data = moment(calendario.value);
const horario = data.format('HH:mm')
const dataFormatada = data.format('DD/MM/YYYY')
const concluida = false
const dados = {
valor,
dataFormatada,
horario,
concluida
}
const tarefasAtualizadas = [...tarefas, dados]
localStorage.setItem('tarefas', JSON.stringify(tarefasAtualizadas))
input.value = " "
carregaTarefa()
}
export const Tarefa = ({ valor, horario, concluida }, id) => {
const tarefa = document.createElement("li");
const conteudo = `<p class="content">${horario}
* ${valor}</p>`;
if( concluida ){
tarefa.classList.add('done')
}
tarefa.classList.add('task')
tarefa.innerHTML = conteudo;
tarefa.appendChild(BotaoConclui(carregaTarefa, id));
tarefa.appendChild(BotaoDeleta(carregaTarefa, id));
return tarefa
};
Concluir Tarefa
const concluirTarefa = ( atualiza, id) => {
const tarefaCadastradas = JSON.parse(localStorage.getItem('tarefas'))
tarefaCadastradas[id].concluida = !tarefaCadastradas[id].concluida
localStorage.setItem('tarefas', JSON.stringify(tarefaCadastradas))
atualiza()
}
const BotaoConclui = (atualiza, id) => {
const botaoConclui = document.createElement('button')
botaoConclui.classList.add('check-button')
botaoConclui.innerText = 'concluir'
botaoConclui.addEventListener('click', ()=> concluirTarefa(atualiza, id))
return botaoConclui
}
export default BotaoConclui
Uncaught TypeError: Cannot read property 'concluida' of undefined at concluirTarefa (concluirTarefa.js:5) at HTMLButtonElement. (concluirTarefa.js:18)