Estoy usando la versión 9 de la base de datos firebase firestore. Estoy trabajando en un proyecto de la aplicación Notes y lo que estoy tratando de hacer aquí es que cada vez que hago clic en una nueva nota, la nueva nota se crea con contenido vacío en la base de datos y quiero obtener su identificación para mostrarla encima de la nota. Aquí está el código del problema al que me enfrento: -

 let docId; addDoc(colref,{ notes: "", EditedAt: serverTimestamp() }) .then((el)=>{ docId = el.id; console.log(docId) }) .catch(err=>{ console.log(err.message); }) note.classList.add('note') note.innerHTML = ` <div class="tools"> <span class="doc-id">${docId}</span> <button class="edit"><i class="fas fa-edit"></i></button> <button class="delete"><i class="fas fa-trash-alt"></i></button> </div> <div class="main ${text ? "" : "hidden"}"></div> <textarea class="${text ? "hidden" : ""}"></textarea> ` document.body.appendChild(note)