Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

não consegui ver o erro

quando cliquei para concluir a tarefa deu o seguinte erro:Uncaught TypeError: Cannot read property 'parentElement' of undefined at HTMLButtonElement.concluirTarefa (listaDeTarefas.js:39)

segue o codigo para dar uma olhada:

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', concluirTarefa)

    return botaoConclui
}

const concluirTarefa = (evento) => {
    const botaoConclui = evento.targert

    const tarefaCompleta = botaoConclui.parentElement

    tarefaCompleta.classList.toggle('done')
}
1 resposta
solução!

Na última função, concluirTarefa, na hora de atribuir o valor a variavel botaoConclui, você colocou - evento.targert, e ai está o erro, o correto seria target. Vê se da certo, qualquer coisa comenta aqui. Valeu.