Uncaught TypeError: Cannot read property 'value' of null aparece na ferramenta de desenvolvedor quando eu clico em novo item
const criarTarefa = (evento) => {
evento.preventDefault()
const input = document.querySelector('[data-form-input]')
const valor = input.value
console.log( valor )
input.value = " "
}
const novaTarefa = document.querySelector('[data-form-button]')
novaTarefa.addEventListener('click', criarTarefa)
Fala Pedro, tudo bem?
Verifique se o input no seu HTML possuí o data data-form-input. Se sim, poderia nos mandar por favor o seu código html por completo para analisarmos melhor a situação?
Aguardo o seu retorno :D
Ta tudo em ordem bonitinho, realmente nao sei o que esta causando isso
<form class="form" action="">
<input class="form-input" type="text" data-form-input>
<button class="form-button" data-form-button> Novo Item </button>
</form>
<ul class="list">
<li class="task">
<p>Comprar um abacate</p>
</li>
</ul>
</div>
<script src="listaDeTarefas.js"></script>