const firebaseConfig = { apiKey: "AIzaSyA5mLbxrxOtjt_XYdmyOElziBttEkycziE", authDomain: "murph-d8f14.firebaseapp.com", databaseURL: "https://murph-d8f14-default-rtdb.firebaseio.com", projectId: "murph-d8f14", storageBucket: "murph-d8f14.appspot.com", messagingSenderId: "532770315798", appId: "1:532770315798:web:44ee4294fb421386ba1f37", measurementId: "G-7D8PB7BNN5" }; const table = document.querySelector("#table"); //get all users. const renderUser = doc => { const tr = ` <tr> <td>${doc.data().username}</td> <td>${doc.data().password}</td> </tr> `; table.insertAdjacentHTML('beforeend', tr); } // Initialize Firebase firebase.initializeApp(firebaseConfig); const db = firebase.firestore(); db.collection("users").get().then((quarySnapshot) => { quarySnapshot.forEach(doc => { renderUser(doc);}); }); </script> <table id="table"> <tr> <th>Username</th> <th>Password</th> </tr> </table>