Содержимое формы как параметр для запроса в Cloud Firestore

Question

Я - нуб-разработчик, пытающийся написать простой CRUD для базы данных в Cloud Firestore.

У меня есть форма с текстовыми полями (показывает только одно, чтобы сделать его вопрос простым для чтения)

<div class="form-group">
<label for="authorName"><i class="zmdi zmdi-account material-icons-name"></i></label>
<input type="text" name="authorName" id="authorName" placeholder="Author's name" />
</div>

После этого я написал код для извлечения информации из БД в «текстах»:

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

И, наконец, я написал строку, которая фиксирует то, что набрал пользователь.

var authorName = document.querySelector("#authorName").value;

Это не работает, и веб-консоль Firefox остается пустой.

Что я делаю не так?