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;
}