Estoy tratando de configurar algunos datos de una entrada de texto de una página web en Cloud Firestore. Tengo esto en un archivo html con el siguiente código en una etiqueta.

Usé el código basado en documentos de Firestore.

 import { initializeApp } from "https://www.gstatic.com/firebasejs/9.1.2/firebase-app.js"; import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.1.2/firebase-analytics.js"; import { getFirestore } from "https://www.gstatic.com/firebasejs/8.10.0/firebase-firestore.js"; const firebaseConfig = {...}; const app = initializeApp(firebaseConfig); const analytics = getAnalytics(app); const db = getFirestore(); var name = getInputVal('cbname'); function clubname() { db.collection("latest").add({ clubName: name, }) .then((docRef) => { console.log("Document written with ID: ", docRef.id); }) .catch((error) => { console.error("Error adding document: ", error); }); }

Estoy usando este código para obtener la entrada.

 <label for="cbname">Club Name</label> <input type="text" id="cbname" name="clubname"> <button class="save-button" onclick="clubname()" type="submit">Save</button>

Lo he intentado de diferentes maneras y no he podido establecer datos en un nuevo documento, agregar datos a un documento existente o actualizar un documento.

Pero por ahora, solo estoy buscando establecer datos.