2
respostas

erro na minha appendChild, não consigo achar onde

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
    lista.appendChild(tarefa)
    input.value = ""
}

const novaTarefa = document.querySelector('[data-form-button]')

novaTarefa.addEventListener('click', criarTarefa)
2 respostas

Fala ai Leilane, tudo bem? Qual erro está dando? Consegue compartilhar o código do erro completo?

Fico no aguardo.

Ola Leilane, corri seu codigo e nao tem nada de errado nessa parte, funcionou aqui no meu... Sugiro que poste o restante do código como o instruto pediu para podermos ajudar.

const criarTarefa = (evento) => {
  evento.preventDefault(); //Fixa a pagina para nao recarregar.

  const lista = document.querySelector('[data-list]'); //Captura a ul para poder inserir itens posteriormente
  const input = document.querySelector('[data-form-input]'); //Captura o input todo.
  const valor = input.value; //Pega somente o valor do input e joga na constante

  const tarefa = document.createElement('li'); //Cria uma li e coloca na constante
  tarefa.classList.add('task'); //Adiciona uma classe na li que esta na constante
  const conteudo = `<p class= "content">${valor}</p>`; //Cria um <p> com template string e guarda na constante

  tarefa.innerHTML = conteudo; //Joga o <p> dentro da li.
  lista.appendChild(tarefa); //Adiciona a li no fim da lista
  input.value = ''; //Limpa o input
};

const novaTarefa = document.querySelector('[data-form-button]'); //Captura o botão

novaTarefa.addEventListener('click', criarTarefa); //Adiciona funcionalidade de click no botão passando uma função