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

addEventListener não está funcionando

Codigo abaixo não funciona no Safari, Chrome dá o erro "null is not an object(evaluating 'botaoAdicionar.addEventListener`


var botaoAdicionar = document.querySelector("#adicionar-paciente"); botaoAdicionar.addEventListener("click", function(event) { event.preventDefault();

var form = document.querySelector("#form-adiciona");

var nome = form.nome.value; var peso = form.peso.value; var altura = form.altura.value; var gordura = form.gordura.value;

var pacienteTr = document.createElement("tr");

var nomeTd = document.createElement("td"); var pesoTd = document.createElement("td"); var alturaTd = document.createElement("td"); var gorduraTd = document.createElement("td"); var imcTd = document.createElement("td");

nomeTd.textContent = nome; pesoTd.textContent = peso; alturaTd.textContent = altura; gorduraTd.textContent = gordura;

pacienteTr.appendChild(nomeTd); pacienteTr.appendChild(pesoTd); pacienteTr.appendChild(alturaTd); pacienteTr.appendChild(gorduraTd);

var tabela = document.querySelector("#tabela-pacientes");

tabela.appendChild(pacienteTr); });

2 respostas

Oi Daniele

eu vi seu js e aparentemente ele esta ok.

Você poderia disponibilizar o código do html ??

solução!

Oi Jhefferson...sou nova no mundo do desenvolvimento..então erro muitas vezes coisas básicas...o erro foi pq na HTML eu chamei o script do js antes do form...eu decidi mudar e deu certo...coloquei no final do HTML...Muito obrigada!