Веб-приложение базы данных Firebase прочитало все имена пользователей

Question

Из базы данных Firebase я пытаюсь получить все имена пользователей в моем веб-приложении.Это моя структура базы данных:

В моей таблице имен я пытаюсь получить все имена (A, B ...).Вот что я пытался:

Мой HTML:

<input type="email" placeholder="Email..." id="email_field" />
<input type="password" placeholder="Password..." id="password_field" />
<button onclick="login()">Login to Account</button>
<div>
   <table>
      <thead>
         <tr>
            <td>Name</td>
         </tr>
      </thead>
      <tbody id="table_body">
      </tbody>
   </table>
</div>
<script src="https://www.gstatic.com/firebasejs/5.4.1/firebase.js"></script> 
<script>
   var config = {
     apiKey: "AIzaSyBYa4OCyyWNzTpWYHA5KeQ",
     authDomain: "example.firebaseapp.com",
     databaseURL: "https://example.firebaseio.com",
     projectId: "example",
     storageBucket: "example.appspot.com",
     messagingSenderId: "77687691833822",
   };
   firebase.initializeApp(config);
</script> 
<script src="log.js"></script>

И log.js это:

firebase.auth().onAuthStateChanged(function(user) {
    if (user) {
        var user = firebase.auth().currentUser;
        if (user != null) {
            var email_id = user.email;

            var rootRef = firebase.database().ref().child("Users");
            rootRef.on("child_added", snap => {
                var name = snap.child("Name").val();
                $("#table_body").append("<tr><td>" + name + "</td></tr>");
            });
        }

    } else {

    }
});

function login() {
    firebase.auth().signInWithEmailAndPassword(userEmail, userPass).catch(function(error) {
        //...
    });

}

Но это не показываетданные из базы данных.Я где-то ошибаюсь, но не уверен, что это такое.Заранее спасибо за предложение.