Não acontece nada, nem erro.

const criarTarefa = (evento) => { 

    evento.preventDefault();

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

    const tarefa = document.createElement('li');
    tarefa.classList.add('task');
    const conteudo = '<p class="content">' + valor + '</p>';

    tarefa.innerHTML = conteudo;
    lista.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', concluiTarefa);
    return botaoConclui
}

const concluiTarefa = (evento)=> {
    const botaoConclui = evento.target;

    const tarefaCompleta = botaoConclui.parentElement;

    tarefaCompleta.classList.toggle('done');
};