Entrar ¿Aún no tienes acceso?
Solucionado (ver solución)
Solucionado
(ver solución)
3
respuestas

No me esta funcionando el evento de escucha "campoFiltro"

Referente al curso JavaScript: Consolide sus conocimientos en el lenguaje de la web, en el capítulo Filtrando una tabla y actividad Iterando los pacientes para comparar

por Walter David Zuñigas
| 41.4k xp | 31 posts

Hola! vengo algo atrasado con el curso pero ya me voy a poner al día... en este ejercicio no me esta funcionando el evento de escucha "campoFiltro", una asignación de variable me lo toma como "undefine", la declaración "var paciente= pacientes[i];" . No se que podre tener mal, tengo todo igual y veo que en el video de Alura si funciona. La linea 12 corresponde a la asignacion de la variable "paciente" con "undefine" 

const campoFiltro= document.querySelector('#filtrar-tabla');

campoFiltro.addEventListener('input', function(){
    console.log(this.value);

    var pacientes= document.querySelectorAll('.paciente');
    console.log(pacientes);

    for( var i= 0; i < pacientes.length; i++);
    var paciente= pacientes[i]; //Linea 12 del codigo
    console.log(paciente);
    var tdNombre= paciente.querySelector(".info-nombre");
    console.log(tdNombre);
    var nombre= tdNombre.textContent;
    console.log(nombre);
})
3 respuestas
por Walter David Zuñigas
| 41.4k xp | 31 posts

encontré el error, no tenia las llaves del for... no se como eliminar este post...

solución!
por Tomas Falico
| 57.1k xp | 3 posts

Hola Walter, a simple vista lo que estoy notando es que hay un error en tu bucle for. La forma en que lo declaraste esta perfecta pero hay dos errores justo despues de la declaracion:

  • Lo primero que hay que hacer es sacar el ";" que esta justo al final de la linea del for porque esto te va a generar problemas
  • Y lo segundo que hay que hacer es agregar los simbolos de llave "{" y "}" para determinar cuales son las instrucciones que se van a repetir dentro de nuestro ciclo.

Con los cambios propuestos, el codigo deberia quedar asi:

const campoFiltro= document.querySelector('#filtrar-tabla');

campoFiltro.addEventListener('input', function(){
    console.log(this.value);

    var pacientes= document.querySelectorAll('.paciente');
    console.log(pacientes);

    for( var i= 0; i < pacientes.length; i++){
    var paciente= pacientes[i]; //Linea 12 del codigo
    console.log(paciente);
    var tdNombre= paciente.querySelector(".info-nombre");
    console.log(tdNombre);
    var nombre= tdNombre.textContent;
    console.log(nombre);
    }
})

Si te sigue presentendo algun problema o no se entiende mi explicacion, no dudes en consultarme!

edit: Justo vi que encontraste el error mientras escribia mi respuesta, muy bien hecho!!

por Walter David Zuñigas
| 41.4k xp | 31 posts

Gracias Tomas Igualmente...