Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Dúvida Ex 12 Aula 7 - click

Referente ao curso JavaScript : Programando na linguagem da web, no capítulo Conhecendo o querySelector e adicionando novos pacientes e atividade O Projeto do curso

por Cláudio César
| 144.2k xp | 32 posts

Toda vez que clico em qualquer lugar da página, tanto em locais em branco, como para preenchimento dos campos, a função do Listener é executada e gera registros nulos na minha tabela.

var botao = document.querySelector("#adicionar-paciente");
botao = addEventListener("click", function(event){
    event.preventDefault();
    var campoNome        = document.querySelector("#campo-nome");
    var campoPeso        = document.querySelector("#campo-peso");
    var campoAltura     = document.querySelector("#campo-altura"); 
    var pacienteNovo    = "<tr class='paciente'>" +
                    "<td class='info-nome'>" + campoNome.value + "</td>" +
                    "<td class='info-peso'>" + campoPeso.value + "</td>" +
                    "<td class='info-altura'>" + campoAltura.value + "</td>" +
                    "<td class='info-imc'></td>" + 
                    "</tr>";

    var tabela = document.querySelector("table");
    tabela.innerHTML += pacienteNovo;

    campoNome.value         = "";
    campoPeso.value         = "";
    campoAltura.value        = "";
});
3 respostas
por Rubens dos Santos Junior
| 198.5k xp | 17 posts
Programador PHP

Cara tenta assim 

$("#adicionar-paciente").on('click', function(event){
    event.preventDefault();
    var campoNome        = document.querySelector("#campo-nome");
    var campoPeso        = document.querySelector("#campo-peso");
    var campoAltura     = document.querySelector("#campo-altura"); 
    var pacienteNovo    = "<tr class='paciente'>" +
                    "<td class='info-nome'>" + campoNome.value + "</td>" +
                    "<td class='info-peso'>" + campoPeso.value + "</td>" +
                    "<td class='info-altura'>" + campoAltura.value + "</td>" +
                    "<td class='info-imc'></td>" + 
                    "</tr>";

    var tabela = document.querySelector("table");
    tabela.innerHTML += pacienteNovo;

    campoNome.value         = "";
    campoPeso.value         = "";
    campoAltura.value        = "";
});

Não cheguei a testar mas ao que parece vc não ta selecionando o botão ... ai ele da o comando assim quevc faz a ação 'click' na paina toda e não só aonde vc escolheu.

solução!
por Natan Souza
| 2099.2k xp | 3697 posts
Instrutor Product Design Lead na Alura

Oi Cláudio,

Logo na segunda linha do seu código, só trocar o "=" por ".". Isso deve resolver.

Espero ter ajudado,

Abcs!

por Vinicius Magalhaes da Silva
| 135.2k xp | 5 posts
Analista Desenvolvedor

Fala Claudio, tudo bem?

Como o Natan disse, na segunda linha você está atribuindo um valor ao 'botao', mas na verdade você gostaria é de chamar o método addEventListener().

Para chamar o método, usa-se o ' . '

Então, ficaria assim:

botao.addEventListener("click", function(event){

Espero ajudado.

Abrass.