1
resposta

Resolvido - Faça como eu fiz

listaDeTarefas

(() => { 
    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.target 

        const tarefaCompleta = botaoConclui.parentElement

        tarefaCompleta.classList.toggle('done')
    }
}) ()
1 resposta

Fala Felipe, tudo bem? Muito bom, mandou bem.

Abraços e bons estudos.