Firebase Web实时数据库未更新

Question

i'm currently making a website and I need to update text in real-time so I decided to use the firebase real-time database.

I created a header that has a tag:

<h3 id="bestanswer"></h3>

I put all the data in app.js:

(function() {

  // Initialize Firebase
  const config = {
    apiKey: "AIzaSyDzwRxzBlzFVomUjUFgPF-zD-dOFNHbfCE",
    authDomain: "discord-1fddb.firebaseapp.com",
    databaseURL: "https://discord-1fddb.firebaseio.com",
    projectId: "discord-1fddb",
    storageBucket: "",
    messagingSenderId: "38925302763"
  };
  firebase.initializeApp(config);

  // Get elements
  const preObject = document.getElementById('bestanswer');

  // Create references
  const dbRefObject = firebase.database().ref().child('hq').child('bestanswer');

  // Sync object changes
  dbRefObject.on('value', snap => console.log(snap.val()));
  dbRefObject.on('value', snap => document.getElementById("bestanswer").innerHTML = snap.val());

}());

For some reason, nothing updates when I update the "bestanswer" value in firebase.

Any help would be great. thanks.

Answer 1

尝试这个：

firebase.database().ref().child('hq').child('bestanswer').update(document.getElementById("bestanswer").innerHTML);