Получить данные из базы данных Firebase в реальном времени и автоматически заполнить текстовое поле

Question

Я хочу получить данные из базы данных Firebase в реальном времени и автоматически заполнить их данными в базе данных, которые пользователь уже ввел после регистрации. Я сохранил пользовательские данные под их UID, теперь у меня проблема с извлечением данных из базы данных по их UID и автоматическим заполнением для пользователя по текущему имени пользователя uid.

Моя база данных Firebase https://imgur.com/a/BlzFADs

Места для автозаполнения https://imgur.com/a/urvNAFe

Я перепробовал все возможные решения для своего кода, но я не могу заставить его работать, все решения, которые я нашел в stackoverflow, но все же он не работает для меня.

Мой файл JS

 firebase.database().ref('Users/User Information').child(uid).once('value', 
 function(snapshot) {

   document.getElementById('name').value = snapshot.child("Name").val();
 });

Мой HTML-файл

 <td>Name:</td>
 <td>
     <input type="text" id="name" name="name" style="font-size:10pt; width:200px;" placeholder="Enter Name Here" required>
 </td>  

Теперь я хочу заполнить данные для текущего вошедшего в систему пользователя автоматически на основе его UID.

Answer 1

Я сделал это с помощью document.getelementbyID и связал его с дочерним элементом базы данных.

Answer 2

Попробуйте код ниже:

firebase.database().ref('Users/User Information/'+uid.value).once('value', 
 function(snapshot) {
   document.getElementById('name').value = snapshot.val().Name;
});

Или это с помощью стрелки:

firebase.database().ref('Users/User Information/'+uid.value).once('value', (snapshot) => 
{
  document.getElementById('name').value = snapshot.val().Name;
});