Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

input não reconhece

Boa noite pessoal, estou com dificuldade na aula "Comportamento do formulario" , não está reconhecendo o "input.value", alguem poderia me auxiliar? Segue o codigo abaixo

Aba ListadeTarefas

const novaTarefa = document.querySelector('[data-form-button]');
novaTarefa.addEventListener('click', ()=> {
    const input = document.querySelector('data-form-input')
    const valor = input.value
    console.log( valor )
})

aba index

Ceep

  <form class="form" action="">
    <input class="form-input" type="text" data-form-input></form>
    <button class="form-button" data-form-button> Novo Item </button>
  </form>

  <ul class="list">
  <li class="task">
      <p class="content">
        Comprar um Abacate!
      </p>

  </li>

  </ul>
</div>
<script src="listaDeTarefas.js"></script>
2 respostas
solução!

Fala Igor, tudo bem?

Na variável input você está selecionando o input de forma incorreta, para selecionar um atributo data deve-se utilizar colchetes (como você fez para selecionar o novaTarefa) antes e depois, tente dessa forma:

const novaTarefa = document.querySelector('[data-form-button]');
novaTarefa.addEventListener('click', ()=> {
    const input = document.querySelector('[data-form-input]') //Colocando os colchetes
    const valor = input.value
    console.log( valor )
})

Espero ter ajudado, bons estudos :D

Nossa! O pior que fiquei ollhando o codigo e não conseguiar enxergar esse detalhe rsrsrsrsrs.

Sensacional amigão.

Obrigado pela ajuda.