Antes dessa aula estava tudo funcionando normal, após inserir os códigos ensinados nessa aula, não está mais funcionando! Poderiam me ajudar?
Detalhe que baixei o projeto final da aula, quando abri, segue sem funcionar e não estou conseguindo entender o porque.
Obrigado.
import BotaoConclui from './concluiTarefa.js'
import BotaoDeleta from './deletaTarefa.js'
export const handleNovoItem = (evento) => {
evento.preventDefault()
const tarefas = JSON.parse(localStorage.getItem('tarefas')) ||[]
const lista = document.querySelector('[data-list]')
const input = document.querySelector('[data-form-input]')
const valor = input.value
const calendario = document.querySelector('[data-form-date]')
const data = moment(calendario.value)
const dataFormatada = data.format('DD/MM/YYYY')
const dados = {
valor,
dataFormatada
}
const tarefasAtualizadas = [...tarefas, dados]
const criaTarefa = Tarefa(dados)
lista.appendChild(criaTarefa)
localStorage.setItem('tarefas', JSON.stringify(tarefasAtualizadas))
input.value = " "
}
export const Tarefa = ({ valor, dataFormatada }) => {
const tarefa = document.createElement('li')
tarefa.classList.add('task')
const conteudo = `<p class="content">${dataFormatada} * ${valor}</p>`
tarefa.innerHTML = conteudo
tarefa.appendChild(BotaoConclui())
tarefa.appendChild(BotaoDeleta())
return tarefa
}