이전에/현재 제출 된 Firebase 데이터 표시

Question

사용자 이름과 나이에 대한 입력이있는 페이지를 만들기 만하면 제출하고 Firebase 데이터베이스로 보냅니다. 아주. 내가하려고하는 또 다른 일은 "보기"섹션에 제출 된 데이터를 표시하는 것입니다. 그래서 아래에 사용자의 이름과 나이를 표시하십시오. 내 코드가 작동하지 않는 이유를 이해하고/이해하려고 애 쓰고 있습니다. 제 데이터베이스에 저장된 데이터로 대체해야하는 h3이 있습니다. 여기 검색 섹션 '나이'어린이 하나 개의 범주가 호출 될 것입니다 내 코드입니다

<h2> View</h2> 
<h3 id="showData"> Hello</h3> 
<script> 
    showData = document.getElementByID('showData'); 
    var firebaseDataRef = firebase.database().ref().child('Age'); 
    firebaseDataRef.on('value', function(snapshot){ 
    showData.innerText = snapshot.value; 
    }); 

the rest of my code: 
    <input type=text" id="userName"> 
<input type="number" id="userAge"> 
<button id="btUpdateMessage" margin-bottom="20px" onclick="addFB()"> Update</button> 
&nbsp; 
<script> 

    var lblCurrentMessage = document.getElementById('lblCurrentMessage'), 
      userName = document.getElementById('userName'), 
      btUpdateMessage = document.getElementById('btUpdateMessage'), 
      userAge = document.getElementById('userAge'), 
      rootRef = new Firebase('https://addview-c21e6.firebaseio.com'), 
      currentMessageRef = rootRef.child('Name'), 
      currentNameRef = rootRef.child('Age'); 
    function addFB() 
    { 
     currentMessageRef.push(userName.value); 
     currentNameRef.push(userAge.value); 
     userName.value = ''; 
     userAge.value = ''; 
    } 

Answer 1

.value이 DataSnapshot의 특성되지 않습니다 (다른 하나는 '이름'입니다). 거기에 .val() 메서드를 호출해야합니다.

firebaseDataRef.on('value', function(snapshot){ 
    showData.innerText = snapshot.val(); 
}); 

문서 : https://firebase.google.com/docs/reference/js/firebase.database.DataSnapshot#val