1
resposta

Dúvida sobre o método precisa retornar o botão criado

Entendi o processo de adicionar um botão na minha li, mas a minha dúvida foi somente return botaoConcluir por que preciso retornar? , até tentei remover o retorno do botão concluir , mas deu problema do meu método tarefa.appendChild(botaoConclui());


const criarTarefa = (event) => {
  event.preventDefault();
  const lista = document.querySelector("[data-list]");

  const pegaInput = document.querySelector("[data-form-input");
  const valor = pegaInput.value;


  const tarefa = document.createElement('li')

  //Adicona Classe na li
  tarefa.classList.add('task')

  const conteudo = `<p class='content'> ${valor}</p>`

  tarefa.innerHTML = conteudo


  tarefa.appendChild(botaoConclui());
  lista.appendChild(tarefa);

  pegaInput.value = ''
};


const botaoConclui = () => {

  const botaoConcluir = document.createElement('button');

  botaoConcluir.classList.add('check-button'); 

  botaoConcluir.innerText = 'Concluir' 

  botaoConcluir.addEventListener('click', concluirTarefa);

  return botaoConcluir;

}
1 resposta

Boa tarde Dayson,

No exemplo do código que você colocou é necessário o return pois você está atribuindo o retorno da função botaoConclui à chamada da função appendChild.

tarefa.appendChild(botaoConclui());

Seria o mesmo que o seguinte código:

const botaoConcluiVariavel = botaoConclui();

tarefa.appendChild(botaoConcluiVariavel);

Espero ter ajudado.