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

Uncaught TypeError: Cannot read property 'addEventListener' of null at index.js:8 (anonymous) @ index.js:8

Como solucionar?

var campos = [ document.querySelector('#data'), document.querySelector('#valor'), document.querySelector('#quantidade') ];

document.querySelector('.form').addEventListener('submit', function(event) {

    var tr = document.createElement('tr');
});

console.log(campos);

4 respostas

Oi Leonardo tudo bem?

Teria como postar o seu código HTML também por gentileza para podermos analisar.

Sim, valeu André :)

<h1 class="text-center">Negociações</h1>

<form class="form">

    <div class="form-group">
        <label for="data">Data</label>
        <input type="date" id="data" class="form-control" required autofocus/>        
    </div>    

    <div class="form-group">
        <label for="quantidade">Quantidade</label>
        <input type="number" min="1" step="1" id="quantidade" class="form-control" value="1" required/>
    </div>

    <div class="form-group">
        <label for="valor">Valor</label>
        <input id="valor" type="number" class="form-control"  min="0.01" step="0.01" value="0.0" required />
    </div>

    <button class="btn btn-primary" type="submit">Incluir</button>
</form>

<div class="text-center">
    <button class="btn btn-primary text-center" type="button">
        Importar Negociações
    </button>
    <button class="btn btn-primary text-center" type="button">
        Apagar
    </button>
</div> 
<br>
<br>

<table class="table table-hover table-bordered">
    <thead>
        <tr>
            <th>DATA</th>
            <th>QUANTIDADE</th>
            <th>VALOR</th>
            <th>VOLUME</th>
        </tr>
    </thead>

    <tbody>
    </tbody>

    <tfoot>
    </tfoot>
</table>
solução!

Coloquei o código aqui nessa página https://codepen.io/neoandrevictor/pen/vvJNwG

Quando coloquei o seu código já estava pegando o seletor form, coloquei um event.preventDefault para não dar submit e recarregar a página quando clicar no botão, coloquei os .value na hora de pegar os valores na variável campos.

Coloquei a variável campos dentro da função do botão pois ela tava pegando os valores zerados dos campos assim que carregava a página então quando clicava no botão salvava os campos zerados.

Coloquei também a criação de os itens na tabela.

Minha vontade é fazer todo o código rsrsrs. Mas dá uma olhada e tenta refazer e ir comparando.

Espero ter ajudado!!!

Muito obrigado André, a tua solução foi basicamente o que eu achei no stack overflow. Porém eu queria seguir do jeito que o professor ali fez; Continuo sem entender por qual motivo, a maneira do exercício não funcionou aqui :/

Obrigado :)))

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software