script.js

const form = document.getElementById('formTarefa')
const nomeTarefa = document.getElementById('nomeTarefa')
const descricaoTarefa = document.getElementById('descricaoTarefa')
const listaTarefas = document.getElementById('listaTarefas')

form.addEventListener("submit", (e)=> {
    e.preventDefault();

    const tarefa = nomeTarefa.value.trim();
    const descricao = descricaoTarefa.value.trim();

    if (!tarefa || !descricao) {
        alert("Por favor, preencha todos os dados!")
        return;
    }
    console.log(tarefa);

    const item = document.createElement('li') 
    const paragrafo = document.createElement('p')
    paragrafo.textContent = `${tarefa}`


    const botaoConfirmar = document.createElement('button')
    botaoConfirmar.classList.add('confirmar')
    botaoConfirmar.textContent = 'Confirmar'
    
    listaTarefas.appendChild(item)
    item.appendChild(paragrafo)
    
    item.appendChild(botaoConfirmar)
    console.log(botaoConfirmar);

    const botaoRemover = document.createElement('button')
    botaoRemover.classList.add('remover')
    botaoRemover.textContent = 'Remover'

    
    item.appendChild(botaoRemover)


    if (botaoConfirmar) {
        botaoConfirmar.addEventListener('click', () => {
            item.classList.add('completed')
        })
    }
  
    if (botaoRemover) {
        botaoRemover.addEventListener( 'click', () => {
            item.remove('li')
        })
    }
    
})