No final do arquivo carregaTarefa.js, nós chamamos a função criaData(), dentro do tarefasCadatradas.forEach:
tarefasCadastradas.forEach(function(event) {
const dia = moment(event.dataFormatada, 'DD/MM/YYYY')
// Em criaTarefa.js:
// const calendario = document.querySelector('[data-form-date]')
// const data = moment(calendario.value)
// const dataFormatada = data.format('DD/MM/YYYY')
lista.appendChild(criaData(dia))Observe que a const 'dia' contém a const dataFormatada que já usa o format(DD/MM/YYYY). E observe que 'dia' está sendo passado como parâmetro para a function criaData(dia).
Ao analisar criaData.js, percebemos que novamente há utilização do format(DD/MM/YYY) na criação do elemento
. Como criaData() recebe o parâmetro 'dia' lá em carregaTarefa.js, entendo que o format está sendo usdo 2 vezes ao criar o elemento
:
Se:
const dia = moment(event.dataFormatada, 'DD/MM/YYYY')
E:
const dataFormatada = data.format('DD/MM/YYYY')
Logo:
<p class="content-data">${moment(event.data.format('DD/MM/YYYY'), 'DD/MM/YYYY').format('DD/MM/YYYY')}</p>export const criaData = function (data) {
//Em carregaTarefa.js criaData recebe o parâmetro 'dia': criaData(dia).
//Portanto, onde há 'data', será substituído por 'dia', recebido como parâmetro em carregaTarefa.js.
const tarefas = JSON.parse(localStorage.getItem('tarefas'))
const dataTopo = document.createElement("li")
const conteudo = `<p class="content-data">${data.format('DD/MM/YYYY')}</p>`
dataTopo.innerHTML = conteudo
tarefas.forEach((tarefa) => {
dataTopo.appendChild(Tarefa(tarefa))
});
