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

[Dúvida] Erro em

Referente ao curso JavaScript: programando na linguagem da web

por CRISTIANO FERREIRA DA SILVA
| 166.8k xp | 223 posts

Está dando erro ao recarregar a página da aula 8 "Filtrando uma tabela", a mensagem de erro diz

"Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') filtra.js:3 at filtra.js:3:13

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

campoFiltro.addEventListener("input", function(){
    console.log(this.value);
    var pacientes = document.querySelectorAll(".paciente");
    for( var i = 0; i < pacientes.length ; i++){
        var paciente = pacientes[i];
        var tdNome = paciente.querySelector(".info-nome");
        var nome = tdNome.textContent;

    }
});

Se alguém puder me ajudar, ficaria grato.

4 respostas
por Luis Dias
| 3375k xp | 3750 posts

Oi, Cristiano. Isso significa que "campoFiltro" está retornando vazio.

Não achou o id "filtrar-tabela"

Verifique se o "input" filtro está com id "filtrar-tabela"

por CRISTIANO FERREIRA DA SILVA
| 166.8k xp | 223 posts

Olá Luis tudo bem? Espero que sim, me desculpe na demora em responder, e obrigado pela atenção.

Sou "iniciante", e a minha dúvida agora seria, o "input seria no index.html?


<main>
            <section class="container">
                <h2>Meus pacientes</h2>
                <label for="Filtrar-tabela">Filtre:</label>
                <input type="text" name="filtro" id="Filtrar-tabela" placeholder="Digite o nome do paciente">

No meu index.html está assim.

solução!
por Luis Dias
| 3375k xp | 3750 posts

Oi,

Isso mesmo. No "input" do index.html

O problema é que um está com "F" e o outro com "f"

No "index.html" está "Filtrar-tabela"

<input type="text" name="filtro" id="Filtrar-tabela" placeholder="Digite o nome do paciente">

No "filtra.js" está "#filtrar-tabela"

var campoFiltro = document.querySelector("#filtrar-tabela");
por CRISTIANO FERREIRA DA SILVA
| 166.8k xp | 223 posts

Oi Luis tudo bem? Espero que sim!

Muito obrigado pela ajuda, agora deu certo, funcionando perfeitamente.

Até mais e bons estudos.