Блог

Я новичок, пытающийся написать простой 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 остается пустой.

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