2
respostas

Cannot set property 'innerHTML'

Estou recebendo o erro:

Uncaught TypeError: Cannot set property 'innerHTML' of null
    at HTMLButtonElement.criarTarefa (listaDeTarefas.js:10)
criarTarefa @ listaDeTarefas.js:10
É algum erro de sintaxe, mas não consigo achar de jeito nenhum! :( 

const criarTarefa = (evento) => {

    evento.preventDefault()

    const input = document.querySelector('[data-form-input]')
    const valor = input.value

    const tarefa = document.querySelector('[data-task]')
    const conteudo = `<p class="content">${valor}</p>`
    tarefa.innerHTML = conteudo

    input.value = " "
}


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


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

Fala ai Ana, tudo bem? Olhando o código que busca o elemento tarefa:

const tarefa = document.querySelector('[data-task]')

Garanta que na página existe um elemento que tenha o data attribute data-task, para que ele possa ser encontrado e referenciado pelo querySelector.

Espero ter ajudado.

No meu aconteceu o mesmo. Mas só havia esquecido de salvar o arquivo index.html após criar o "data-task lá hehehe. Talvez seja esse o seu problema também.