Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Lo hecho en clase

var filtro = document.querySelector("#filtrar-tabla");

filtro.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 resultado = nombre.substring(0,this.value.length);
            var compararminusculas = resultado.toLowerCase();
            var valorDigitadoMinusculas = this.value.toLowerCase();

            var expresion = new RegExp(this.value,"i");

            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

Hola André

Gracias por compartir tu código, está muy bien felicitaciones.

Si tienes alguna pregunta sobre el contenido de los cursos, estaremos aquí para ayudarte.

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios