Estou passando um código que eu havia feito em JQuery para typescript, e estou tendo um problema com essa função, por causa do `.filter()`, que na verdade, pelo que eu entendi, não existe no Typescript, apenas em arrays.

Peço a ajuda de vocês para transformar esta função para Typescript.

Obrigado.
Em Typescript:

    document.getElementById("enter").addEventListener("click", function () {
            (document.getElementById("form-login").querySelectorAll("[required]"), this.closest("form")).filter(function (i, e) {
                return !e.val().trim();
            }).val('');
    
            (<HTMLInputElement>document.getElementById("numeroSerie")).value = (<HTMLInputElement>document.getElementById("numeroSerie")).value.trim();
            (<HTMLInputElement>document.getElementById("user")).value = (<HTMLInputElement>document.getElementById("user")).value.trim();
            (<HTMLInputElement>document.getElementById("pass")).value = (<HTMLInputElement>document.getElementById("pass")).value.trim();
        });

Em JQuery:

    $("#enter").on("click", function () {
            $("[required]", $(this).closest("form")).filter(function (i, e) {
                return !$(e).val().trim();
            }).val('');
    
            $("#numeroSerie").val($("#numeroSerie").val().trim());
            $("#user").val($("#user").val().trim());
            $("#pass").val($("#pass").val().trim());
        });

erro:

> Uncaught TypeError:
> (document.getElementById(...).querySelectorAll(...) ,
> this.closest(...)).filter is not a function
>     at HTMLButtonElement.<anonymous>