CODEWITHSUNDEEP
javascriptfirebasefirebase-realtime-database
Ola
Ola

Reputation: 431

Retrieving user data from Firebase

I can't figure out what I'm doing wrong. The user name in Firebase is not being retrieved and updated.

This is my HTML:

<div class="header">
<div class="userPanel">
  <div class="pic"></div>
  <div class="welcome"><span>Welcome</span><h1 class="name" id="firstname">John</h1></div>
</div>
<div class="title"></div>

JS code:

firebase.auth().onAuthStateChanged((user) => {
 if (user) {
console.log(user.uid);

var userRef = firebase.database().ref().child('Users')
var uid = user.uid;
var firstname = document.getElementById('firstname');

firebase.database().ref('Users/' + uid).on('value', function(snapshot){

  var firstname.innerHTML = snapshot.val().Firstname;

});

Upvotes: 0

Views: 87

Answers (1)

at.
at.

Reputation: 52510

Looks like the uid is undefined in the screenshot of your Firebase database. I'm guessing the user.uid you console.log is not undefined. What is output in your console?

Also, take out var in var firstname.innerHTML. You're not declaring a new variable called firstname.innerHTML.

Upvotes: 1

Related Questions