1
resposta

Duvida sobre o substring()

campoFiltro.addEventListener('input', function(){
    var pacientes = document.querySelectorAll('.paciente');

var comparavel = nome.substr(0, this.value.length);
if (!(this.value == comparavel)) {
    paciente.classList.add("invisivel");
} else{
    paciente.classList.remove("invisivel");
}

Bom dia, o 'this.value.length' seria da variável campoFiltro ou do 'nome.substr ? e se for do campoFiltro, explica por favor ?

1 resposta

Fala ai Rafael, tudo bem? Vamos lá:

Bom dia, o 'this.value.length' seria da variável campoFiltro ou do 'nome.substr ?

O this.value.length seria referente a variável campoFiltro.

e se for do campoFiltro, explica por favor

Provavelmente você está buscando uma referência no DOM e salvando nessa variave campoFiltro, deve ser um input na página.

Quando você adiciona um listener para ela: campoFiltro.addEventListener, o mesmo recebe uma função de callback como segundo parâmetro, no seu caso, a função é uma função de expressão. Nesse caso, o contexto de execução dela (this) será a próprio referência para o input, ou seja, a referência para qual o listener de input foi adicionada.

Sendo assim, o console.log(this) iria logar o input.

Espero ter ajudado.