Quando usar ()

Porque eu preciso usar () após a variavel BotaoConclui na linha tarefa.appendChild(botaoConclui()), mas não devo colocar após o criarTarefa da linha novaTarefa.addEventListener("click", criarTarefa) ?

const criarTarefa = (evento) => {
    evento.preventDefault();

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

    const tarefa = document.createElement("li");
    tarefa.classList.add("task");
    const conteudo = `<p class = "content">${valor}</p>`;

    tarefa.innerHTML = conteudo;

    tarefa.appendChild(BotaoConclui());
    lista.appendChild(tarefa);
    input.value = " ";
}

const novaTarefa = document.querySelector("[data-form-button]");

novaTarefa.addEventListener("click", criarTarefa);

const BotaoConclui = () => {
    const botaoConclui = document.createElement("button");

    botaoConclui.classList.add("check-button");
    botaoConclui.innerText = "concluir";
    botaoConclui.addEventListener("click", () =>{
        console.log("Fui clicado");
    })

    return botaoConclui;
}