Content of a form field as research parameter

Question

I have a form with the following fields (I will put only one, as an example):

<div class="form-group">
<label for="nomeAutor"><i class="zmdi zmdi-account material-icons-name"></i></label>
<input type="text" name="nomeAutor" id="nomeAutor" placeholder="Nome do autor" />
</div>

I’ve also named the querySelector() to record the field value:

var nomeDoAutor = document.querySelector("#nomeAutor").value;

And finally, I wrote the code to do the research and render the results list:

document.getElementById("submit").addEventListener("click", event => {
     db.collection("textos").where('nomeDoAutor', '==', 'nomeAutorTexto').get().then((snapshot) => {
         snapshot.docs.forEach(doc => {
         console.log(doc.data())
         renderLista(doc)
         });
     });
 });

But ... it didn’t work :-(

What am I missing?

Grateful!