1
resposta

A04-06 -> Faça como eu fiz

Segue código JavaScript da aula:

( ()=>{ 

    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

Boa tarde, Caio! Tudo bem?

Parabéns pela realização do código da aula e obrigada por compartilhar!

Bons estudos!