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

No logro que filtre los nombres

Buena noche! Sigo las instrucciones y todo me funciona hasta el punto del filtro, cualquier caracter que colo en el campo de text borra toda la tabla, no busca equivalencias, les comparto mi còdigo a ver si pueden identificar el error, por mi parte no pude :(

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];
            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");
        }
    }
});
1 respuesta
solución!

Ya me di cuenta que era porque no habìa escrito los nombre exactamente igual sino con minùscula y asì no funciona.