我是 Firebase Firestore 的新用戶。我有一個集合（“詞匯”），我想添加新文檔（“單詞”、“含義”）。該代碼有效并添加了新記錄。但是當我使用相同的代碼在單擊按鈕后執行時，它不起作用并且沒有錯誤代碼。當我在 click 函數下編寫 Alert("test") 以測試是否被調用時，我看到“test”消息沒有問題。我認為，它表明監聽器在點擊時被調用。但我認為 add() 部分沒有被調用。可能的原因是什么？此代碼有效：      database.collection("vocabulary").add({        word:"Book",        meaning:"xxx",      })      .then(function() {        console.log("Document successfully written!");      })      .catch(function(error) {        console.error("Error writing document: ", error);      });但相同的代碼在按鈕單擊下不起作用：<button id="savebutton">Insert Record</button>......const save=document.querySelector("#savebutton");  save.addEventListener("click",function() {       database.collection("vocabulary").add({        word:"Book",        meaning:"xxx",      })      .then(function() {        console.log("Document successfully wriiten!");      })      .catch(function(error) {        console.error("Error writing document: ", error);      });    });