3
respostas

Não aparece o value

Oi gente, já vi os outros tópicos e não consegui resolver o problema. Quando digito morango, não aparece no console, do o erro: "listaDeTarefas.js:27 Uncaught TypeError: Cannot read properties of null (reading 'value') at HTMLButtonElement. (listaDeTarefas.js:27)"

Meu código js:

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

    novaTarefa.addEventListener('click', (event) => {
    event.preventDefault ();
    const valor = input.value
    console.log( valor )
    });
3 respostas

Fala Felipe tudo bem? Espero que sim!

O problema pode ser que você não tenha um data-form-input no seu HTML, poderia por favor verificar se há e também nos enviar o código HTML por completo?

Aguardo o retorno!

Oi Mateus! O html está assim:

<!DOCTYPE html>
<html lang="en">
    <head>
      <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-    scale=1.0">
      <link rel="stylesheet" href="./assets/css/style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=BioRhyme&amp;family=Space+Mono&amp;display=swap">
      <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<title>Ceep</title>
    </head>
    <body>
      <div class="app">
    <div class="todo-list">
  <h1 class="title">
    Ceep
  </h1>

  <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">

  </ul>
</div>
<script src="listaDeTarefas.js"></script>
    </body>
    </html>

Felipe, me desculpe pela demora para responder,

Mas vamos lá, eu testei aqui na minha máquina e funcionou, você pode tentar salvar o arquivo javascript e reiniciar a página, se não der certo verifique se o caminho que está em src está correto!