1
resposta

[Bug] O que será que pode estar acontecendo?

As tarefas que eram para serem criadas e salvas, não estã. O que pode ser ? Códico do JS:

const botaoTarefa = document.querySelector('.app__button--add-task'); 
const adicionarTarefaFormulario = document.querySelector('.app__form-add-task');
const areaTexto = document.querySelector('.app__form-textarea');
const adicionandoNaUl = document.querySelector('.app__section-task-list');

const tarefasGuardadas =JSON.parse(localStorage.getItem('taredaAdicionada')) || [];


function criarElementosTarefa(){
   const liListaHtml = document.createElement('li');
   liListaHtml.classList.add('.app__section-task-list-item');
   const svg = document.createElement('svg');
   svg.innerHTML= `
    <svg class="app__section-task-icon-status" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
       <circle cx="12" cy="12" r="12" fill="#FFF"></circle>
       <path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="#01080E"></path>
      </svg>`   
   const descricaoTarefaElemento = document.createElement('p')
   descricaoTarefaElemento.textContent = tarefaAdicionada.areaTexto;
   const botao = document.createElement('button');
   const botaoImagem = document.createElement ('img');
   botaoImagem.setAttribute('src','imagens/edit.png');
   botao.append(botaoImagem);
   
   
   liListaHtml.append(svg);
   liListaHtml.append(descricaoTarefaElemento);
   liListaHtml.append(botao);

   return liListaHtml; 
}

botaoTarefa.addEventListener('click',()=>{
   adicionarTarefaFormulario.classList.toggle('hidden');
})

adicionarTarefaFormulario.addEventListener('submit',(eventoSubmit)=>{
   eventoSubmit.preventDefault();
   const tarefaAdicionada= {
      novaTarefa: areaTexto.value
   }
   tarefasGuardadas.push(tarefaAdicionada);
   localStorage.setItem('tarefasGuardadas',JSON.stringify(tarefasGuardadas));
   
})

tarefasGuardadas.forEach(tarefaAdicionada => {
   const resultadoElementoCriado = criarElementosTarefa(tarefaAdicionada);
   adicionandoNaUl.append(resultadoElementoCriado);
   
});
1 resposta

Acredito que o erro seja nessa linha: **descricaoTarefaElemento.textContent = tarefaAdicionada.areaTexto; **

tenta trocar por descricaoTarefaEemento.textContent = tarefaAdicionada.novaTarefa