Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

Problemas con el codigo

Referente al curso JavaScript: Consolide sus conocimientos en el lenguaje de la web, en el capítulo Filtrando una tabla y actividad Creando la lógica de filtros

por Carlos Javier Rodriguez Finol
| 123.1k xp | 2 posts

Segui las instrucciones paso a paso del instructor y no logro el efecto deseado. Copie el codigo directamente de la seccion "Haz lo que hicimos en el aula" y tampoco funciona el codigo

//filtrar.js var campoFiltro = document.querySelector("#filtrar-tabla"); campoFiltro.addEventListener("input", function() { var pacientes = document.querySelectorAll(".paciente");

if (this.value.length > 0) {
    for (var i = 0; i < pacientes.length; i++) {
        var paciente = pacientes[i];            
        paciente.classList.add("invisible");    
    }
} else {
    for (var i = 0; i < pacientes.length; i++) {
        var paciente = pacientes[i];
        paciente.classList.remove("invisible");
    }
}

});

1 respuesta
solución!
por Jose Gonzalez
| 2169.9k xp | 6782 posts
Instructor

Hola Carlos

El código debería quedar de esta forma

if(this.value.length  > 0 ){
for (var i = 0; i < pacientes.length; i++){
    var paciente = pacientes[i];
    var tdNombre = paciente.querySelector(".info-nombre");
    var nombre = tdNombre.textContent;

    if(nombre != this.value){
        paciente.classList.add("invisible");
        }else{
            paciente.classList.remove("invisible");
            }
    }
}else{
        for(var i = 0; i < pacientes.length; i++){
            var paciente = pacientes[i];
            paciente.classList.remove("invisible");
            }
}
Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios