//FUNTIONN
const  CriarBoato = () => {
    const botton = document.createElement('button')

    botton.classList.add("check-button")
    botton.innerText= "Concluir"
    botton.addEventListener('click',() => {
        console.log('fui clicado')
    })

    return(botton)
}

const CriarTarefa = (evento) => {
    evento.preventDefault(); // para nao  reniciar o saite  fomulario 

    //

    const input = document.querySelector('[data-form-input]')
    const valor = input.value
    const lista = document.querySelector('[data-list]')
    const counteudo = `<p class="content"> ${ valor }</p>`
    const tarefa = window.document.createElement('li')
    //


    tarefa.classList.add('task')
    lista.appendChild(tarefa)
    tarefa.appendChild(CriarBoato())
    tarefa.innerHTML= counteudo

    //
    console.log(valor)
}

//variaves 
const novaTarefa = document.querySelector('[ data-form-buttion]')


//

novaTarefa.addEventListener('click', CriarTarefa)