Mi objetivo es poder recuperar ciertos valores de una base de datos en tiempo real en firebase a través de javascript. Tengo todo configurado y funciona perfectamente, pero no sé cómo recuperar los campos individuales cuando hago clic en un simple botón.
Este es un ejemplo de los valores que me gustaría poder tomar
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <button type="submit" id="searchData" class="btn btn-primary">Search data</button> </body> </html> <script type="module"> import { initializeApp } from "https://www.gstatic.com/firebasejs/9.6.8/firebase-app.js"; import { getDatabase, set, ref ,push, child, onValue} from "https://www.gstatic.com/firebasejs/9.6.8/firebase-database.js"; const firebaseConfig = { apiKey: "********************************", authDomain: "********************************", databaseURL: "********************************", projectId: "********************************", storageBucket: "****************************", messagingSenderId: "******************", appId: "********************************" }; const app = initializeApp(firebaseConfig); const db = getDatabase(app); searchData.addEventListener('click',(e) => { // }); </script>puede intentar usar este ejemplo que siempre implemento, tenga en cuenta que mi archivo principal es usuarios, luego mi valor clave como id es ID de usuario, luego tengo los atributos nombre de usuario y correo electrónico de usuario. Prueba esto:
I want to obtain a name: const dbRef=ref(db, 'users/'+userId); onValue(dbRef, (snapshot)=>{ const data=snapshot; for(let i in data){ console.log(snapshot.val().username); txtCont.innerHTML=`<p>${snapshot.val().username}</p>`; } });