Galera, estou com problemas nessa parte pois meu botão "Concluir" que fica na lista e deveria riscar o texto do parágrafo, está sem funcionar.

const ConcluirTarefa = (evento) => {

        const botaopress = evento.target

        const TarefaCompleta = botaopress.parentElement

        TarefaCompleta.classList.toggle('done')

Não sei qual é o erro...

a outra parte do código:

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 botaopress = document.createElement('button')

        botaopress.classList.add('button-check')
        botaopress.innerText='conclui'
        botaopress.addEventListener('click', ConcluirTarefa)

        return botaopress
}