1
respuesta

Clase expresiones regulables

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;
            var expresion = new RegExp(this.value,"i"); //esto es para que al poner una letra aparezcan solo los nombres que correspondan según lo que busquemos

            if(!expresion.test(nombre)){
               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

Muy bueno!!